Make "Active" Nav Links Have a Background - Support | Kriesi.at

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
July 25, 2014 at 6:48 pm #296059

j1980mac
Participant

Hi,

I want to be able to make the main nav “active links show a background that looks like this:

http://staging.expresswriters.com/wp-content/uploads/2014/07/Screen-Shot-2014-07-25-at-9.18.44-AM.png
How would I do this? I can’t find the correct css selector for”.

http://staging.expresswriters.com/
Thanks, Josh

July 25, 2014 at 11:19 pm #296120
Yigit
Keymaster
Hi Josh!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
.current-menu-item span.avia-menu-text {
background-color: #c63c63;
padding: 5px;
border-radius: 5px;
color: white;
}
```
P.S.: Your website looks awesome!

Regards,
Yigit
July 25, 2014 at 11:27 pm #296125

j1980mac
Participant

Yigit,

Thank you so much for the code and the compliment! That means a lot coming from you guys. :)

July 25, 2014 at 11:31 pm #296128

j1980mac
Participant

One more thing, check out the screenshot: http://staging.expresswriters.com/wp-content/uploads/2014/07/Screen-Shot-2014-07-25-at-4.28.57-PM.png

How do I make the menu backgrounds disappear under the menu dropdown?

Thanks,
Josh

July 25, 2014 at 11:34 pm #296132

Yigit
Keymaster

Hey!

You are welcome Josh, glad we could help!
If you would like to share your website on Enfold showcase here – https://kriesi.at/support/topic/enfold-showcase/ i am sure you will receive more compliments :)
Have a great weekend!

Cheers!
Yigit

July 25, 2014 at 11:37 pm #296134
Yigit
Keymaster
Hey!

Please change the code to following one
```
.header_color .main_menu ul:first-child > li.current-menu-item > a > span.avia-menu-text {
background-color: #91cf3a;
padding: 5px;
border-radius: 3px;
color: #fafafa;
}
```
Cheers!
Yigit
August 1, 2014 at 7:14 pm #298894

j1980mac
Participant

Yigit,

That code worked wonderfully. :)

We will definitely showcase our website as soon as it’s completed.

Thanks,
Josh
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Make "Active" Nav Links Have a Background’ is closed to new replies.