Posted 10 months ago #
Hello there,
I have created a child theme of Twenty Eleven theme and I have customized the menu like this: http://i53.tinypic.com/2yu0en4.png (a border appears around the current page) and when I hover on another page it looks like this: http://i51.tinypic.com/s2bt06.png.
As you all may have noticed, the border is too big. What should I do in order to bring the border closer to the word like this: http://i56.tinypic.com/33k9bon.png?
Thank you.
That will probably be padding on the list item tag. Can you provide a link displaying the problem and then I could take a look at the CSS.
Posted 10 months ago #
This is my blog using Twenty Eleven: blog.elemedu.gr
Remove the line height and reduce the second value for padding on:
#access a {
color: #1E598E;
display: block;
line-height: 4.333em;
padding: 0 1.2125em;
text-decoration: none;
}in your child's stylesheet.
Posted 10 months ago #
Thank you Esmi!
The border on top is pretty high, though.
Any chance to fix that, too?
The line-height in the parent's CSS is now kicking in. Try adding line-height:2em; back into #access a.
Posted 10 months ago #
you are great!
much prettier now, huh?
thank you very much.
You're welcome. :-)
Posted 10 months ago #
Hello again!
One last thing I just noticed. For example take a look at this single post: http://blog.elemedu.gr/2011/07/google-plus-or-google-minus/
When you hover on the menu, the date the post published and the navigation (next/previous) go a little lower. When you don't, they come back to normal height.
Any suggestions?
Thank you.
You must log in to post.
