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

Tagged: 

This topic contains 4 replies, has 2 voices, and was last updated by  wensolutions 3 years ago.

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.