Posted 8 months ago #
I have a problem to make two of my main manu links appear as active. The link "Work" is underlined when active, which is perfect, but the links "Info" and "Other Projects" are not.
Somone has a clue how I could fix this?
I have tried to figured it out in the CSS area, but didn't manage to solve it. Do I check this in the Stylesheet or in the Header CSS?
My page:
http://www.gravityandgrace.se
Grateful for support.
Posted 8 months ago #
Hi,
The Word has a class active but the others have current_page_item
Try adding to the end of style.css
#cats .current_page_item > {
border-bottom: 1px solid #000000;
}HTH
David
Posted 8 months ago #
Thanks for your reply!
I tried what you said, but unfortunately it didn't work...
Any other idea?
Posted 8 months ago #
This is how my stylesheet looks:
Posted 8 months ago #
his works
just remove ">" so its
#cats .current_page_item {
border-bottom: 1px solid #000000;
}
but it messes up your content so add a margin to main like this
#main {
overflow:hidden;
margin-top:5px;
Posted 8 months ago #
There should have been an a it is the text that we want to underline, it is what I use for three menu's, so it works.
#cats .current_page_item > a {
border-bottom: 1px solid #000000;
}Tested and working with no other edits!
HTH
David
Posted 8 months ago #
oh and make sure its anywhere about line 120 so you might have to move some css down
Posted 8 months ago #
It works! You people are great.
So, it didn't seem to mess up the content. Do you think I have to add this
#main {
overflow:hidden;
margin-top:5px;
anyway?
Posted 8 months ago #
No, the a should have been fine.
Can you mark this as resolved please.
David
Posted 8 months ago #
Absolutely, thanks!
You must log in to post.
