WordPress.org

Forums

Boot Store
Change color dropdown menue (8 posts)

  1. Ctina
    Member
    Posted 1 year ago #

    Hey. At first sorry my englisch isn't so good.
    I have a question. How can I change the color of my dropdown menue? I mean the color wenn I mouseover. I hope you now what I mean. I've not please ask me again, I'll try my best.
    Please help me.
    Thanks

  2. kaniamea
    Member
    Posted 1 year ago #

    You can try adding this to your child style.css:

    .dropdown-menu > li > a {
     color: rgb(25, 25, 112); // This example will make the color blue
    }
  3. Ctina
    Member
    Posted 1 year ago #

    Thanks. I've tried. But if I insert this code the text color of the dropdown menu is changing. Then I changed "color" in "background color" but then the background of the dropdown menu is blue. But I only want to change the color of the mouseover. Only when the mouse is going over the menu point not the whole. Could you help me there too.
    Could you understand me?

  4. kaniamea
    Member
    Posted 1 year ago #

    So you would like to change the color of the text when you mouseover or the background? Try this:

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
        text-decoration: none;
        color: rgb(255,255,0); // changes text color
        background-color: rgb(255,255,0);
        background-image: linear-gradient(to bottom, rgb(0,0,0), rgb(0,0,0));  // changes background color
        background-repeat: repeat-x;
    }
  5. Ctina
    Member
    Posted 1 year ago #

    Yeah it worked. Thank you so much.

  6. kaniamea
    Member
    Posted 1 year ago #

    Cool! :)

  7. Ctina
    Member
    Posted 1 year ago #

    Maybe you could help me with another problem.
    Do you know how I could change the color of the empty title?
    I meen the color of the text which I insert in the title area.

  8. kaniamea
    Member
    Posted 1 year ago #

    Try this:

    .site-header h1 a {
        text-decoration: none;
        color: #000000; // your color code here
    }

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.