How to arrange widgets without gap

[Liu Xiao-Ling]

Dear Bill,

Good morning! Me again.

Can you advise how to let widgets without gap which same as your home page? I attached both images of your home and mine for your reference.

Also, the newsletter widget on your footer, could you tell me where I can set it, or what it called? I can’t find on the widget list of the Appearance section in my dashboard.

Thank you for your great help in advance.

Lolita

[Bill Robbins]

Good Morning Lolita,

It is possible to do that. Here’s how:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   #home-widgets .widget {
   	margin-bottom: 0px;
   }
   

3. Update your settings.

That should take out the bottom margin from your home page widgets, letting them just touch each other.

---

The newsletter box in our shop’s footer is hard coded. You can add in something similar via a widget. You’ll first want to pick a newsletter service. I like MailChimp. They are free to use for lists up to 2,000 addresses and 12,000 emails sent per month. There are many other though.

Once you’ve selected one, you can add in a sign up box a couple of different ways. Many services have a companion WordPress plugin you can use to add a sign up form. If they don’t they should have a form made for embedding. You can copy that embed code and add it to your site via a text widget.

Let me know if you have any questions,
Bill

[Liu Xiao-Ling]

Dear Bill,

Thank you very much for your promptly reply, all issues been solved.
You’re wonderful!

Regards,
Lolita

[Bill Robbins]

Fantastic Lolita 🙂

Let me know if you need anything else.

[Author]

Posts