-
AuthorPosts
-
February 2, 2018 at 4:30 pm #906894
Hi Enfold team!
I am using a custom widget on this page, to display a navigational menu (custom widget: services navigational menu: services)
How do I adjust the font size and font color of the navigational menu items?
Also, the items under “Facial Services” do not indent similar to the one’s under “Oral Services”
Thank you so much for your help!
February 2, 2018 at 4:54 pm #906901Hey hackoffseries,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
.avia-builder-widget-area .widget_nav_menu .menu ul.sub-menu { padding: 0 0 0 13px !important; } .avia-builder-widget-area .widget_nav_menu .menu li a { color: #444; font-size: 12px; }
just adjust the font size and color. Hope this helps :)
Best regards,
NikkoFebruary 2, 2018 at 6:22 pm #906941Perfect!! You rock Nikko!!
One last thing, how do I remove the border lines between the menu items?
Thank you soo much! Enfold support is the best!
February 2, 2018 at 6:27 pm #906943Hi,
Add this to quick css to take care of the borders:
#sub_menu1{ border-top:none!important; border:none!important; } #top #sub_menu1{ border-top:none!important; }
There actually appears to already be something setting that top border as “!important” so in order for that portion of my css to work that will have to be located.
Best regards,
Jordan Shannon- This reply was modified 6 years, 9 months ago by Jordan Shannon.
February 2, 2018 at 6:35 pm #906948Hey Jordan!
Thank you for your response. I actually have this code added:
#top #sub_menu1 {
border-top: 1px solid #e1e1e1 !important;
}To add a top border to this other menu
http://prntscr.com/i982kzIs there any way we can remove the borders of the widget navigational menu without affecting the top border of the other menu at the top?
Thank you!
February 2, 2018 at 6:56 pm #906961Hi,
Oh I see now, I misunderstood. Try this:
#menu-item-1512{ border-top:none!important; }
Best regards,
Jordan ShannonFebruary 2, 2018 at 7:46 pm #906979Hi Jordan!
Unfortunately, the code didn’t work. Maybe it had something to do with the menu id?
Here’s what I see on the URL bar for the “Services” menu
https://ornstein.getoutsourcify.com/wp-admin/nav-menus.php?action=edit&menu=25
Is 25 the menu id?
Thanks!
February 4, 2018 at 9:38 am #907409Hi hackoffseries,
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 .content .flex_column .widget_nav_menu li, #top .content .flex_column .widget_nav_menu li:first-child{ border: none; }
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.