Hello,
I’ve added the code to get the current page in bold in my menu while other menu item are regular. But I’d like to change the color of the current page but I don’t manage to do it :
#header .current-menu-item a {
font-weight: 400 !important;
color: red !important;
}
And also, I’d like to replace the vertical separator with a small image. How can I do this ?
Tx guys for your help !!
Marine
Hey newki75,
Please, can you provide the link of the page that you’re talking in the question?
Best regards,
John Torvik
Sure ! Please find the access below
Hi Marine,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #header .av-main-nav > li.current-menu-item a .avia-menu-text {
color: red;
}
If you need further assistance please let us know.
Best regards,
Victoria
Tx a lot ! And is there a simple way to replace the vertical separator between 2 menus items with a small image?
Tx Victoria
Hi Marine,
We could try. Do you have that image uploaded already?
Best regards,
Victoria
Hi Marine,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
border: none;
}
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text:before {
content: url(https://chaudun.com/wp-content/uploads/2017/11/lozenge.png);
padding-right: 5px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Tx a lot Victoria, it’s awesome !
You can close the case :-)