Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 27, 2016 at 10:39 am #704777
    nedimhazar

    Hi,
    I am using the custom menu widget via the avia page builder on some pages. I would like to change some of the css settings, without changing the settings of the main content:

    – font-color
    – text-transform
    – active background color
    – hover color
    – hover background color

    I couldn’t find the corresponding div id for the custom menu widget. Can you please help me?

    Best,

    Nedim

    • This topic was modified 9 years ago by nedimhazar.
    October 27, 2016 at 2:43 pm #704851
    Vinay

    Hey nedimhazar,

    To find the css class names right click and inspect the elements. Without being able to view your page it is difficult to provide the actual css class names. Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    https://developers.google.com/web/tools/chrome-devtools/inspect-styles/

    Best regards,
    Vinay

    October 27, 2016 at 2:46 pm #704856
    nedimhazar

    Hi Vinay,

    here is the link:

    Tarih Üzeri(nde) bir Kent: Antakya

    I tried with “menu-yazilar-container” it didn’t work.

    Thanks in advance,

    Nedim

    October 28, 2016 at 6:46 am #705152
    Vinay

    Hi,

    Here are the class names you can target.

    font-color – .widget_nav_menu .menu-item a
    text-transform – .widget_nav_menu .menu-item a
    active background color – .widget_nav_menu .menu-item .current-menu-item
    hover color – .widget_nav_menu .menu-item a:hover
    hover background color – .widget_nav_menu li a:hover

    Best regards,
    Vinay

    October 28, 2016 at 3:32 pm #705336
    nedimhazar

    Hi Vinay,

    Thank you! That solved my problem.

    Best,

    Nedim

    • This reply was modified 9 years ago by nedimhazar.
    October 28, 2016 at 5:44 pm #705370
    Vinay

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Css code for custom menu widget’ is closed to new replies.