Home › Forums › Free Themes › Education Hub › how to change Header background colour

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 26, 2016 at 4:38 am #18793
    ashima02
    Participant

    how to change the following thins in education hub theme:
    1. how to change header background colour?
    2. how to change menu hover colour?
    3.how to change link text colour?

    September 26, 2016 at 6:02 am #18801
    wensolutions
    Keymaster

    Hello @ashima02,

    To change the requested colors you will need paste the following custom CSS in your Admin Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS field :

    i) To change header color:

    header#masthead {
    background-color: #c70039;
}

    ii) To Change Menu hover color :

    .main-navigation li a:hover, .main-navigation li.current-menu-item > a, .main-navigation li.current_page_item > a, .main-navigation li:hover > a {

background: #4824f4;
}

    iii) To change link text color:

    a, a:visited {
    color: #ed7f00;
}

    You can replace the color hex code with the color code of your desired colors. For reference on color hex codes see this link.

    Alternatively, you can also consider upgrading to the pro version of the Education Hub Theme that already contains all the color options you are looking for along with many more awesome features.
    To know more about the pro theme and features see this link :http://themepalace.com/downloads/education-hub-pro/

    Best Regards !!

    September 27, 2016 at 2:37 am #18870
    ashima02
    Participant

    suppose, i want to change all three things: i.e, header background color, menu hover color and link text color. so as u said i have to do that in custom css field,so Do i have to type all the codes that you mentioned separately or at one go.

    September 27, 2016 at 2:43 am #18871
    ashima02
    Participant

    suppose, i want to change all three things: i.e, header background color, menu hover color and link text color. so as u said i have to do that in custom css field,so Do i have to type all the codes that you mentioned separately or at one go

    September 27, 2016 at 2:48 am #18872
    wensolutions
    Keymaster

    Hello @ashima02,

    You can use all the custom CSS codes at the same time to change all three colors.

    Simply change the color hex code of your desired color in the codes and you can copy and paste all the given codes one after another in your Dashboard > Appearance > Customize > Theme Options > Advanced Options > custom CSS field.

    Finally Save & Publish your changes to affect all the sections accordingly.

    Best Regards !!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.