Changing Font Size and Colour site-wide
-
Hi, I have tried to change my font color to pure black, but i noticed that some elements like menu, footer etc are still showing grey.
May I know how can I change the font color and size for all the elements on WoodMart?
Hello,
If you navigate to Theme Settings > Typography you will see the options for text elements. Those elements which have not optioned for size and color are configured with the custom CSS. Please send us pages URL and screens what elements you want to change we shall provide CSS.
Best Regards
Hi,
So far these are the elements I saw that cannot be configured in the Typography settings:
1. Short product descriptions when hovering over the product grid
2. Main menu’s submenu items when i hover over the main menu link
3. Menu in the footer
4. Bottom menu with copyright text
5. The various headings (such as product title, tab headings)
6. Text within the Text Block of WPBakery
Thank you so much!
Hello,
Please try this CSS, add it to Theme Settings > Custom CSS:
/*Short product descriptions when hovering over the product grid*/
.woodmart-hover-base .hover-content-inner {
color: red;
font-size: 20px;
}
/*Main menu’s submenu items when i hover over the main menu link*/
.navigation-style-default .menu-simple-dropdown .color-scheme-dark ul li {
color: red;
font-size: 20px;
}
/*Menu in the footer*/
#menu-footer-menu-1 .color-scheme-dark div[class^=vc_wp] a {
color: #727272;
}
#menu-footer-menu-2 .color-scheme-dark div[class^=vc_wp] a {
color: #727272;
}
/*Bottom menu with copyright text*/
.min-footer{
color: #727272;
}
/*product title*/
.product-title{
color: #727272;
}
.tabs-layout-tabs .tabs li a {
font-size: 16px;
color: #727272;
}
You will need to replace “red” with the color you need and set font-size in each as you wish. The text font-size is set in typography and color just inside the text block.
If any of code is not workable, please provide your site admin access.
Best Regards
.
