-
AuthorPosts
-
November 15, 2019 at 2:50 am #1157041
Hello Support,
How would I change the style for page builder widget menu style. Right now it looks like this

Where would i located the settings to change it to this

See live links below
November 15, 2019 at 9:50 pm #1157323Hey micom6150,
https://cl.ly/37ad01ee104e We cannot see the screenshots, can you please upload screenshots to a service like Dropbox or http://imgur.com and give us the links here.
Best regards,
VictoriaNovember 15, 2019 at 9:57 pm #1157329Hello, Ok here are the links . Can you see these?
November 20, 2019 at 1:36 pm #1158463Hi micom6150,
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
html #top .all_colors #nav_menu-2 .widgettitle { margin-bottom: 0; background-color: orange; margin-top: 0; border: none; color: #fff; font-weight: bold; padding-left: 20px; } html #top .all_colors #nav_menu-2 li { margin-top: 2px; background-color: #ebe9e9; border: none; } html #top .all_colors #nav_menu-2 li a { color: #666; text-transform: uppercase; font-size: 16px; font-weight: bold; padding-left: 20px; }If you need further assistance please let us know.
Best regards,
VictoriaNovember 20, 2019 at 11:13 pm #1158626Wow, Looks great. Is there a way to have the page we are located on have the rectangular background color of yellow?
November 21, 2019 at 12:32 am #1158641Hi,
You mean for the sidebar widget?
Best regards,
Jordan ShannonNovember 21, 2019 at 1:45 am #1158668Correct, on the posted pages. Victoria provided some helpful code but was wondering how to make the selected page a user is currently on have a yellow backgournd in the rectangle.
November 21, 2019 at 2:39 am #1158679Hi,
I see. Add this to quick css:
#menu-services-sidebar .current-menu-item { background:orange!important; }Best regards,
Jordan ShannonNovember 21, 2019 at 9:33 pm #1158940Great, that worked. Way to go Jordan! how would I make the text be white when I’m on that page?
November 21, 2019 at 11:19 pm #1158945Hi,
Add this to quick css:
#menu-services-sidebar .current-menu-item a{ color:#fff!important; }Best regards,
Jordan ShannonNovember 22, 2019 at 1:50 am #1158967Fantastic, thank you for your help Jordan.
November 22, 2019 at 12:18 pm #1159089Hi micom6150,
We’re glad that Jordan could help you :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘How to adjust the page builder widget menu style’ is closed to new replies.
