WordPress.org

Ready to get started?Download WordPress

Forums

ColorWay
Can't change the drop down menu color (6 posts)

  1. angk2121
    Member
    Posted 11 months ago #

    I want to change the color of line above and below the menu bar. Can't figure out how to change that. Also, can you change the color behind the quote box at the bottom? Lastly, when you hover over a menu item the drop down items are still green and I can't figure out how to change that.

    The website is http://www.maskillsusaalumni.org
    Thank you!

  2. Brad Davis
    Member
    Posted 11 months ago #

    Hope this helps you out.

    Menu Lines
    I have given you two examples below, the first makes it black and the second removes the line.

    Black lines for menu:

    .header .menu-bar {
      border-top: 3px double #000;
      border-bottom: 3px double #000;
    }

    Remove menu lines:

    .header .menu-bar {
      border-top: 0;
      border-bottom: 0;
    }

    Drop down menu color

    #menu .sf-menu li li {
      background-color: #e2b227;  // this is the color from the main menu bar
    }

    Hover background color and current background color on drop downs

    #menu .sf-menu li li a.selected,
    #menu .sf-menu li li a:hover {
      background: #900;  // This is the red used on the main menu bar for selected item
    }

    Quote Box Background:
    Do you mean the green behind the " ? That is actually an image, so one option would be to find and use a different image or you can do it with CSS, here is an example - http://24ways.org/2005/swooshy-curly-quotes-without-images/

  3. angk2121
    Member
    Posted 10 months ago #

    I am trying to change the background color of the boxes that show up when you hover over a drop down menu. For instance: when you click on Alumni Executive Committee, I want all of the officers to be in blue not green. Does that make sense?

    http://www.maskillsusaalumni.org

    Thank you!

  4. Brad Davis
    Member
    Posted 10 months ago #

    Hi, to turn your drop down menu to blue similar to the blue in the site background you would use the following:

    #menu .sf-menu li li {
      background-color: #46aed5 ;
    }
  5. angk2121
    Member
    Posted 10 months ago #

    Amazing!! Thank you Brad! I've been trying to figure that out for two weeks :)

  6. Brad Davis
    Member
    Posted 10 months ago #

    You're welcome, anytime! =)

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.