[Michael]

How do I decrease space in between widgets on R sidebar?
I am using 3 test widgets to show 3 images in the R sidebar and there is too much spacing. Please help. Thanks!

[Michael]

To clarify… I am talking about the vertical spacing in b/w widgets.

[Sakin]

@brown2235a: It would have been better if you have posted your site URL. If you are talking about reducing the vertical margins between the widgets in Right Sidebar. Then you can try adjusting the following css and placing it in “Appearance => Theme Options => Custom CSS” box.
#secondary .widget { margin-bottom: 50px; }

Note: Please be careful while you adjust the margin, we don’t recommend to adjust it as this theme is responsive design and when you reduce the space in large screen, you need to consider for mobile devices as well.

[Michael]

Sorry, hurstbournedental care.
So, I added the following to the custom css box and I still see a fairly big gap between the buttons in the sidebar.
#secondary .widget { margin-bottom: 0px; }

Did I do something wrong?

Also, is there any way to add text beside the logo? Right now I have the text within the logo image and it doesn’t look good. Thanks!

[Sakin]

@brown2235a: I need your site URL to see what’s happening.

[Michael]

http://www.hurstbournedentalcare.com

[Sakin]

@brown2235a: I see that you have add the CSS code as below where there is space
#secondary .widget { margin-bottom: 10 px; }

It needs to be #secondary .widget { margin-bottom: 10px; }

[Rideit NZ]

hi there

Is there a way to reduce the space between paragraphs?

Rideitnz.com

[Michael]

Ok, so I copied and pasted your suggestion into the custom css box:

`

#secondary .widget { margin-bottom: 10px; }

& I am still getting large spaces between the buttons in the R sidebar.

Do you have any other suggestions? Thanks

[Sakin]

@brown2235a: I don’t know why but I cam still seeing the wrong code which I told you to replace.
#secondary .widget { margin-bottom: 10 px; }

If you have already added the right code then, can you clear your Cache in the setting for your Wp Super Cache plugin.

[Michael]

Ok, one more try. Added the code, deleted the cache in the plugin and reloaded browser and still do not see a reduction in vertical space between the widgets. What am I doing wrong? Thanks!

[Sakin]

Now it’s fine. But you have added paragraph center in your text widget you need to remove that.

<p style="text-align:center"><a target="_self" href="http://hurstbournedentalcare.com/stony-brook-louisville-ky-dentist-patient-forms//">
<img alt="Forms- Louisville, KY Dentist" src="http://hurstbournedentalcare.com/images/new_pt.png">
</a></p>

you can replace p with span

[Kim]

I am also having trouble on my catch box pro right sidebar to remove the space in between the widgets.

I would also like to remove the space above widgets at the top of the sidebar and on top of the slider.

Help!

hidemyage.com

[Sakin]

Hi Kim,

You can add the following css in “Appearance => Theme Options => Custom CSS” box.
#secondary .widgetimg { margin-bottom: 0; }

Regards,
Sakin

[Author]

Posts