Condensing Adelle Sidebar
-
Hello!
I’m looking to remove the zig zag lines AND bring the items in my sidebar closer together. I found a CSS code for removing the zig zags (I have not applied it yet) but I still need something to condense the sidebar. Without the zig zags there is too much space between each widegt.
Any help would be much appreciated!
It’s for this site: http://thisnorthernbelle.com/
The blog I need help with is: (visible only to logged in users)
-
Hello,
The following CSS will remove the zig zag as well as remove the spacing between widgets:
#secondary .widget { background: none; margin-bottom: 0; padding-bottom: 0; }The result might be a little too condensed to you. In that case, you can add a little spacing (say, 5px) to the margin-bottom parameter.
-
Oh wow! It worked, thanks SO much!
I’m a newbie to CSS, how would I add 5px to the margina-bottom parameter?
-
I’m a newbie to CSS, how would I add 5px to the margina-bottom parameter?
Replace the ‘margin-bottom: 0;‘ part with ‘margin-bottom: 5px;‘ Sorry for being unclear!
-
-
One more question… this may not be possible but I’ll ask anyways… Is there a way to condense just CERTAIN widgets? I want to bring my “Image” widgets closer together and leave my other widgets where they are.
I made new social media icons to match my theme but i had to upload them as “Image” widgets and have them link out to my social media accounts. I just want the social media “icons” to be grouped close together…
-
For the social media icons, you can use this one:
#image-4, #image-5, #image-7, #image-8, #image-9 { padding-top: 5px; } -
- The topic ‘Condensing Adelle Sidebar’ is closed to new replies.