How to change base color in Fitzeous theme

You might want to change the base green color of Fitzeous theme to match your brand. 

You can go to wp-admin/themeoptions/styling to change the base colors of theme.

On service block overlays, there is green color, you can change it by adding some custom css.

Please enter below css in wp-admin/appearance/customise/additionalCSS box. ( Please change black color code #000000 below, to your desired color code.) 

1. .service_row .body_mind .media:before { 
2. background-color: #000000;
   
3. }
   
4. .service_row .body_mind .media:hover:before, .service_row .body_mind .media:focus:before {
   
5. opacity: .4;
   
6. }
   

• Related Articles

• How to change base color of Airtech theme.

  In Airtech theme, you can change the color of the theme by going to Appearance/Customise/Airtech General settings/colors. You can also see it how it works in below video.

• Change menu BG color on mobile.

  https://share.getcloudapp.com/d5ueeBE9 If you want to change menu background color on mobile, Please enter below css in wp-admin/appearance/customise/additionalCSS box. @media (max-width: 991px) { .main_menu .navbar { background: #000000 !important; ...

• Legalpower Theme: How to change the look of theme

  Legalpower theme, has limited styling options. Sometimes you might need to heavily customise the theme.  Apologies to work with code, but below you can find the css that you can use to customise the theme. There are comments to define the use of the ...

• Reduce logo on mobile in Fitzeous theme

   In fitzeous theme, in order to reduce size of the logo in mobile only, Please enter below css in wp-admin/appearance/customise/additionalCSS box. @media (max-width: 991px) { .main_header_area .header_menu .navbar .navbar-brand img {  width: 50%; } ...

• Remove double color on Menu bar background.

  In case you change the accent color of theme, the menu bar colors can look strange.  You can fix it by removing the double color. In order to do that, Please enter below css in wp-admin/appearance/customise/additionalCSS box. .main_menu .navbar {     ...