Typography

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.

2nd picture

Attachments:

You must be logged in to view attached files.

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

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

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