Change Colors in Blackbird Theme

Discussion in 'BlackBird WordPress Theme' started by annek01, Apr 13, 2015.

  1. annek01

    annek01 Guest

    Joined:
    Apr 11, 2015
    Messages:
    3
    Likes Received:
    0
    I would like to change the colors of the menu bar, the hover color, the text color, the background of the drop down menu, the text color of the drop down and the text box on the slider using hex colors.

    I used ThemeTweaker to change the majority of colors and create a Child Theme that is working beautifully but despite changing lots of items, I can't change the menu bar background color.

    I would really appreciate your help. I'm so close to finishing my site.

    Thanks,
    Anne

    Small_Business_Marketing_That_Generates_Local_Customers.jpg
     
  2. sameerwalkar

    sameerwalkar Guest

    Hi,

    To change the menu bar background color paste and apply the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard,

    Code:
    .menu_wrapper {
      background: #13791C;
    }
    Hope it will solve your query. let me know if have further any doubts.
     
  3. annek01

    annek01 Guest

    Joined:
    Apr 11, 2015
    Messages:
    3
    Likes Received:
    0
    Thank you, Sameer.

    What is the code for the other items I mentioned above like hover color, etc.? If you read above there was a list I need code for.

    Thanks again,
    Anne
     
  4. sameerwalkar

    sameerwalkar Guest

    Hi,

    Kindly use the below given code. For your ease I have separated the codes so that you can easily get to know. You can use your own color code.

    1. Menu Hover color:
    Code:
    #menu li a:hover{
        color: #95C057;
      }
    2. text-color
    Code:
    #menu li a{
      color: #DDD538;
      }
    3. slider text box:

    Code:
    .flex-caption{
      background: #B3C22C !important;
      }
    4. dropdown text color:

    Code:
     .ddsmoothmenu li li a:hover {
      color: #30D76B;
    }
    5. dropdown background

    Code:
    #menu .ddsmoothmenu li > ul {
      background: #C1D03D;
    }
    Hope it will solve your query. Let me know if have further any doubts.
     
  5. annek01

    annek01 Guest

    Joined:
    Apr 11, 2015
    Messages:
    3
    Likes Received:
    0
    Sameer,

    Thank you so much. I'm going to work on it. I'm very pleased with the Blackbird theme, making my website so modern.
     

Share This Page