Home › Forums › WoodMart support forum › Changing Font Size and Colour site-wide

Changing Font Size and Colour site-wide

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 14, 2018 at 4:33 pm #62974

    starmonday
    Participant

    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?

    June 14, 2018 at 5:41 pm #62977

    Elise Noromit
    Member

    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

    June 15, 2018 at 1:47 am #63001

    starmonday
    Participant

    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!

    June 15, 2018 at 9:23 am #63045

    Elise Noromit
    Member

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)