WordPress.org

Ready to get started?Download WordPress

Forums

Boot Store
Change color dropdown menue (8 posts)

  1. Ctina
    Member
    Posted 7 months 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 7 months 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 7 months 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 7 months 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 7 months ago #

    Yeah it worked. Thank you so much.

  6. kaniamea
    Member
    Posted 7 months ago #

    Cool! :)

  7. Ctina
    Member
    Posted 7 months 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 7 months ago #

    Try this:

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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.