Spacing Between Two Widgets

Try using Firefox with the Firebug add-on for this kind of CSS work.
https://getfirebug.com/

Thanks, but can anyone please give me more specific instructions as to where to go in my CSS to fix this? In past forums, I’ve had similar questions answered in this way. Thanks!

I’m sorry but it is beyond the scope of these forums to deal with basic CSS issues. Try a dedicated CSS resource such as https://www.css-discuss.org/ instead.

Thanks for your input, but I’ve had other people help me with issues similar to this. It’s usually a simple change in the code.

You could push them all apart by adding this to your css

#sidebar .block {margin: 0 0 20px;}

Unfortunately there is not a selector in the ‘Top Health Blogger’ widget to move that 1 by itself.

Hope that helps dude.

Thanks, I’d rather not have them all pushed apart. This was the html code given for the widget. Anything I can change?

[Code moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin]

2 options really,

1 is to add in a title tag so it all looks the same.

Before the first div in the widget put this –

<h3 class="widgettitle">Top Health Blogger :</h3>

or put a class on the first div

<div class="topblog" style="width:162px !important;overflow:hidden;">

then add this css

#sidebar .block .topblog {margin: 20px 0 0;}

(or you could just put it right there in line, by changing the first line to this -)

<div style="margin: 20px 0 0; width:162px !important;overflow:hidden;">

Lee.

are all these changes to be made in the widget html itself or the css code of the sidebar? please specify. thanks so much, appreciate it!!!

Either or, the last line of code I left above is the first line that you posted, just with ‘marign: 20px 0 0;’ added to the first line.

Thanks so much, it worked! Appreciate your expertise!