Community Forums › Forums › Archived Forums › Design Tips and Tricks › Help Needed
- This topic has 10 replies, 3 voices, and was last updated 13 years, 2 months ago by
thomas71.
-
AuthorPosts
-
February 20, 2013 at 1:04 pm #21738
thomas71
MemberHi !
I want help to get the links white when i mouse over in the navbar. Not as it is now when the links have the same colour like the rest of the site. Would apprecieate the help today.
site:Β http://www.extreme-adventure-run.com/
//Thomas
February 20, 2013 at 1:26 pm #21748Tony @ AlphaBlossom
MemberHello,
You can add this to your child-theme css and it will make only the top level nav items white on hover:
.genesis-nav-menu> li > a:hover {
color: #fff;
}
Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom
February 20, 2013 at 1:27 pm #21749JestersTear
ParticipantFirst of all, you should space out your code. Right now you have
.genesis-nav-menu a {
display: block;
padding: 24px 20px;
padding: 1.5rem 1.25rem;
position: relative;
}.genesis-nav-menu a:hover {
background: #000;
color: #fff; }Hit enter twice between the first closing bracket and the dot so that you have:
.genesis-nav-menu a {
display: block;
padding: 24px 20px;
padding: 1.5rem 1.25rem;
position: relative;
}.genesis-nav-menu a:hover {
background: #000;
color: #fff;
}
Now, change the last bit of code to read:.genesis-nav-menu a:hover,
.genesis-nav-menu li a:hover,
.genesis-nav-menu li:hover a {
background: #000;
color: #fff;
}and you should have white links on a black background.
Monica | jesterstear on twitter | monicaguerraleiria.com
February 20, 2013 at 1:29 pm #21750thomas71
MemberHi Monica!
Wow, now you was quick :). Thanks for your help. I appreciate it. Thank you.
//Thomas
February 20, 2013 at 1:31 pm #21753thomas71
MemberThanks Tony!
Hi Tony. Thank you for your input. I appreciate it. Thank you!
//Thomas
February 20, 2013 at 1:44 pm #21761JestersTear
ParticipantYou're welcome Thomas. As to me being quick, you might not realise this, but this isn't an official StudioPress support forum, and I (and about 99% of the people who are here helping out) am not a StudioPress employee. We're StudioPress clients (like yourself) and aficionados who like to help out whenever possible.
Monica | jesterstear on twitter | monicaguerraleiria.com
February 20, 2013 at 1:45 pm #21762thomas71
MemberHi Monica!
Do you know what? It fixed it. Thank you so much for your time and effort. Thanks. π
//Thomas
February 20, 2013 at 1:52 pm #21765thomas71
Member(You’re welcome Thomas. As to me being quick, you might not realise this, but this isn’t an official StudioPress support forum, and I (and about 99% of the people who are here helping out) am not a StudioPress employee. We’re StudioPress clients (like yourself) and aficionados who like to help out whenever possible.)
Ahh, ok. Now i understand. But i am very grateful for your help. Thank you! π
//Thomas
February 20, 2013 at 1:57 pm #21768Tony @ AlphaBlossom
MemberMy pleasure, Thomas. Glad Monica's solution worked for you!
Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom
February 20, 2013 at 1:57 pm #21769thomas71
MemberMonica!
You have a new fan. π Looked at your homepage. Awesome Β and interesting. π
//Thomas
February 20, 2013 at 2:00 pm #21772thomas71
MemberHi Tony!
Yes, monicas solution helped me, but i am grateful for your input. It was kind of you. Thanks
//Thomas
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.