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

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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?

    #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 !!

    #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.

    #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

    #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 !!

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