Typography

This topic has 4 replies, 2 voices, and was last updated 4 years ago by Elise Noromit.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
December 1, 2020 at 8:57 am #246412

GoDad
Participant

Hello, i added custom font to my website i have also css code for fonts. i will show the difference with pictures. The problem when i changed my primary font my css code dont working take a look at pictures. Here is the code you gived. when i changed typography Didact Gothic to Didact Gothic 2 typography changes and i dont want.

`.woodmart-header-links .sub-menu-dropdown ul li a {
font-family: “Didact Gothic”;
font-size: 17px;
font-style: normal;
font-variant: normal;
font-weight: 700;
}

.woocommerce-MyAccount-navigation ul li a {
font-family: “Didact Gothic”;
font-size: 17px;
font-style: normal;
font-variant: normal;
font-weight: 700;
}

Attachments:
You must be logged in to view attached files.

December 1, 2020 at 8:58 am #246414

GoDad
Participant

2nd picture

Attachments:
You must be logged in to view attached files.

December 2, 2020 at 9:11 am #246859

Elise Noromit
Member

Hello,

I see the font has been applied: https://prnt.sc/vu5l0t

Here is the font sample https://prnt.sc/vu5lh3 and it coincides with the font on your site.

Clear the cache each time you make the changes on the site.

Best Regards

December 2, 2020 at 10:07 am #246887

GoDad
Participant

You dont understand my issue briefly can u tell me css code for primary font?

December 2, 2020 at 5:00 pm #247041

Elise Noromit
Member

Hello,

These selectors take the Primary font:

.font-primary, table th, .page-title .entry-title, .masonry-filter li, .widget_rss ul li > a, .woodmart-price-table .woodmart-plan-title, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab > a, .woodmart-sizeguide-table tr:first-child td, .tabs-layout-tabs .tabs li, .woodmart-accordion-title, .woodmart-checkout-steps ul, .woocommerce-billing-fields > h3, .woocommerce-shipping-fields > h3, .woocommerce-additional-fields > h3, #ship-to-different-address label, #order_review_heading, .cart-totals-inner h2, .wood-login-divider, .woocommerce-MyAccount-title, header.title > h3, .woocommerce-column__title, .compare-field, .compare-value:before, .compare-basic .compare-value:before, .woodmart-wishlist-title, .woodmart-empty-page, .woodmart-products-tabs .tabs-name, .woodmart-products-tabs .products-tabs-title, #order_payment_heading, h1, h2, h3, h4, h5, h6, .title, legend, .woocommerce-Reviews .comment-reply-title, .menu-mega-dropdown .sub-menu > li > a, .mega-menu-list > li > a

You would better consider using Advanced typography:

You can change the font by means of Advanced typography option, which allows to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards
Author

Posts