WordPress.org

Forums

Spasalon
[resolved] Dropdown menu (20 posts)

  1. diegoafca
    Member
    Posted 1 year ago #

    Dear WordPress Users,

    In my menu in the front of the website is the hoover color purple. When I make a dropdown menu at BEHANDELINGEN, the color is pink. I want that color purple but I can't fix that.

    Can anyone help me?

  2. Piyush
    Member
    Posted 1 year ago #

    can you give me the url?

  3. diegoafca
    Member
    Posted 1 year ago #

  4. esmi
    Forum Moderator
    Posted 1 year ago #

    Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

  5. diegoafca
    Member
    Posted 1 year ago #

    I have install a custom CSS Plugin, but I cant fix it with a code because I don't know the code to make that color purple

  6. esmi
    Forum Moderator
    Posted 1 year ago #

    Try using Firefox with the Firebug add-on to locate the CSS that you need to over-write via your custom CSS plugin. Or use whatever developer tool is available in your web browser.

    If you need the hexadecimal code for a particular colour, see http://www.w3schools.com/tags/ref_colorpicker.asp

  7. Piyush
    Member
    Posted 1 year ago #

    In your style.css add the below code..

    .navbar-inverse .nav > li > a:hover
    {
    background-color:#7A007A !important;
    }

  8. diegoafca
    Member
    Posted 1 year ago #

    Thanks Piyush! It works!

    Have a nice day!

  9. diegoafca
    Member
    Posted 1 year ago #

    But now I am looking again and if I stand with my cursor at BEHANDELINGEN than it is purple but when I move down to Mani-Q or other things the titel BEHANDELINGEN is pink again.

  10. Piyush
    Member
    Posted 1 year ago #

    hey when hover in sub menu it change the color of main menu..please check again..

  11. diegoafca
    Member
    Posted 1 year ago #

    Yes I mean when I hover in sub menu the main menu is pink again. How can I fix that?

  12. Piyush
    Member
    Posted 1 year ago #

    Add the below code in style.css file then check and let me know it is working or not..

    .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
    .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
    .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: #7A007A !important;
    }

  13. esmi
    Forum Moderator
    Posted 1 year ago #

    No! Do not add anything to the theme's stylesheet. Use a custom CSS plugin.

  14. diegoafca
    Member
    Posted 1 year ago #

    It is working!

    Thanks a lot Riyush! Have a nice day

  15. Piyush
    Member
    Posted 1 year ago #

    You welcome and nice to meet you dear..
    [Link removed]
    :)

  16. rarlifecare
    Member
    Posted 1 year ago #

    how to set the sub pages in main menu page. other themes already set the sub pages under the main menu page. but this theme not set. what to do.

  17. vibhorp
    Member
    Posted 1 year ago #

    Hi rarlifecare,
    PL share your URL.

  18. albertcla_89
    Member
    Posted 1 year ago #

    what is the css code to change the sub-menu items, what is explained above it only helped me to change the color of the menu that have sub-pages

  19. vibhorp
    Member
    Posted 1 year ago #

    Hello,
    Use Easy-Custom-Css plugin to change color of your Menus.

    Insert below given code to change the color in easy custom css box in admin dashboard.
    .dropdown-menu > li > a,.dropdown-menu > li > a:hover {background-color: '#COLOR-CODE';}
    Save the changes.
    Thanks

  20. Robbie Gee
    Member
    Posted 9 months ago #

    that doesn't seem to work vibhorp...

    I would like to change the drop down 'contact us' link to #FF97A6 on initial drop down (light grey) then to #621842 on hover (dark grey).

    Please advise.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.