There is no code in the picture 🙂
No code? What part of the code do you need to see exactly?
The sidebar? Stylesheet? Or perhaps something else?
I would suggest the theme creator might have hardcoded the height of those rows. Have a look at the CSS for element the text is contained within, and see if it has a ‘height’ attribute. Get rid of this, and see what happens! If you show me a site using the template, I can probably tell you what you need to do.
What part of the code do you need to see exactly
Your blog.
My site… http://www.athique.co.uk is currently using the template so you could look at that if you like
What Ma8thew said: remove the height:
#navigation ul li a {
border-bottom: 1px solid #444444;
display: block;
text-decoration: none;
padding: 0;
margin: 0;
height: 20px; <==== this!
}
Yep…that did it. Thanks to you both.
You could add this to your style sheet
#navigation ul li {
overflow: hidden;
}
This will hide anything that moves onto the second line.
Edit the class #navigation ul li a. Change the height attribute to auto
[EDIT]
Damn, too slow!
The overflow: hidden; attribute doesn’t seem to work for whatever reason.
What exactly does the height: auto; attribute do here?
Height:auto allows the container to expand to the height needed to show all its content without it overflowing. The height attribute defaults to auto, but I told you to define it as auto in case it inherited a different height attribute.
If you had changed to Overflow:hidden, the browser simply would have hidden any content that overflowed the container. This would not be as good as changing height to auto
