Problem with Sidebar [Solved]

[cleotine]

I'm trying to create a layout but have a problem with the sidebar that I can't seem to be able to solve.

The titles as well as the content of sbarbody have an un-wanted padding at the left side and I have no idea why. sbarbody2 has the exact same values for padding and margin but (as you can see at the screenshot) the Blurb looks just fine.

Comments

[tuff_ghost]

hey, when you're checking for stuff like this it's much faster to check it on the frontend using a DOM inspector (like Firebug or Chrome dev tools) than to pore over the source for something that may or may not be getting applied correctly.

Since you don't seem to have the layout in question on your journal currently I can't debug it this way, but I'll guess that it's not padding causing the issue. It looks instead like there is a width or a margin-left set on those titles. Guesswork is silly though, inspect it!

[cleotine]

Ah, I forgot to mention that I have the layout at cleotine_layout. Sorry about that.
I'll try Firebug-ing the layout and hopefully I'll come across the solution :)

Thanks for helping me out ^^,

[london_fan]

Hi, you need to add padding-left: 0px; in these places:

ul.sbarlist {
list-style: none;
padding-left: 0px;
}

li.sbaritem {
list-style: none;
padding-left: 0px;
}

li.sbartitle {
padding-left: 0px;
text-align: center;
list-style: none;
background-color: #afb6c3;
font-weight: bold;
color: #3b414d;
margin-top: 10px;
margin-bottom: 10px;
}

[cleotine]

Thank you so much! It worked perfectly :D

[london_fan]

You're welcome! :)