Home › Forums › Free Themes › Education Hub › how to change Header background colour
Tagged: header
- This topic has 4 replies, 2 voices, and was last updated 8 years ago by wensolutions.
-
AuthorPosts
-
September 26, 2016 at 4:38 am #18793ashima02Participant
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 #18801wensolutionsKeymasterHello @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 #18870ashima02Participantsuppose, 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 #18871ashima02Participantsuppose, 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 #18872wensolutionsKeymasterHello @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 !!
-
AuthorPosts
- You must be logged in to reply to this topic.