• Resolved FIRSTonline

    (@firstonline)


    My website is in italian, but when I click on a different language to obtain translated pages, the original font changes to another one. Is it because of the free version?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author edo888

    (@edo888)

    Hi,

    I see you have this huge CSS rule to define the specific font in your screenshot:

    h2.lz-about-heading, h2.lz-facility-heading, .ht-section-title, .luzuk-h2, .ht-title-wrap, .ht-slide-cap-title, #ht-princing-post-section .ht-princing-icon, h1, h2, h3, h4, h5, h6, .slider_section .title, .slider_section .title span, .slider_section .title small, .slider_section .title strong, .slider_section .title b, .slider_section .title big, .slider_section .title sub, .slider_section .title sup, .slider-social-icon > span, .section-title h2, .section-title h2 span, .section-title h2 small, .section-title h2 strong, .section-title h2 big, .section-title h2 b, .section-title h2 sub, .section-title h2 sup, .section-title1 h2, .section-title1 h2 span, .section-title1 h2 small, .section-title1 h2 strong, .section-title1 h2 big, .section-title1 h2 b, .section-title1 h2 sub, .section-title1 h2 sup, .inner-area-title, .inner-area-title small, .inner-area-title span, .inner-area-title strong, .inner-area-title sub, .inner-area-title sup, .inner-area-title big, .inner-area-title b, .newsletter-area h2 span, .newsletter-area h2 small, .newsletter-area h2 strong, .newsletter-area h2 b, .newsletter-area h2 big, .newsletter-area h2 sub, .newsletter-area h2 sup, .inner-page-gallery .text, .inner-page-gallery .text small, .inner-page-gallery .text span, .inner-page-gallery .text strong, .inner-page-gallery .text sub, .inner-page-gallery .text sup, .inner-page-gallery .text big, .inner-page-gallery .text b, #innerpage-box h6.ts-area-title, #innerpage-box h6.ts-area-title small, #innerpage-box h6.ts-area-title span, #innerpage-box h6.ts-area-title strong, #innerpage-box h6.ts-area-title sub, #innerpage-box h6.ts-area-title sup, #innerpage-box h6.ts-area-title big, #innerpage-box h6.ts-area-title b, .single-team .in-inner-area-title, .single-team .in-inner-area-title small, .single-team .in-inner-area-title span, .single-team .in-inner-area-title strong, .single-team .in-inner-area-title sub, .single-team .in-inner-area-title sup, .single-team .in-inner-area-title big, .single-team .in-inner-area-title b, main#innerpage-box #blog-box h2, main#innerpage-box #blog-box h2 small, main#innerpage-box #blog-box h2 span, main#innerpage-box #blog-box h2 strong, main#innerpage-box #blog-box h2 sub, main#innerpage-box #blog-box h2 sup, main#innerpage-box #blog-box h2 big, main#innerpage-box #blog-box h2 b, #ht-contactus-wrap .contact_l_area, #ht-contactus-wrap .contact_l_area small, #ht-contactus-wrap .contact_l_area span, #ht-contactus-wrap .contact_l_area strong, #ht-contactus-wrap .contact_l_area sub, #ht-contactus-wrap .contact_l_area sup, #ht-contactus-wrap .contact_l_area big, #ht-contactus-wrap .contact_l_area b, #ht-contactus-wrap h1, #ht-contactus-wrap h1 small, #ht-contactus-wrap h1 strong, #ht-contactus-wrap h1 span, #ht-contactus-wrap h1 sub, #ht-contactus-wrap h1 sup, #ht-contactus-wrap h1 big, #ht-contactus-wrap h1 b, main#innerpage-box .Address_area h4, main#innerpage-box .Address_area h4 small, main#innerpage-box .Address_area h4 strong, main#innerpage-box .Address_area h4 span, main#innerpage-box .Address_area h4 sub, main#innerpage-box .Address_area h4 sup, main#innerpage-box .Address_area h4 big, main#innerpage-box .Address_area h4 b, main#innerpage-box .social_area h4, main#innerpage-box .social_area h4 small, main#innerpage-box .social_area h4 strong, main#innerpage-box .social_area h4 span, main#innerpage-box .social_area h4 sub, main#innerpage-box .social_area h4 sup, main#innerpage-box .social_area h4 big, main#innerpage-box .social_area h4 b, .woocommerce div.product .product_title, .woocommerce div.product .product_title span, .woocommerce div.product .product_title small, .woocommerce div.product .product_title strong, .woocommerce div.product .product_title big, .woocommerce div.product .product_title b, .woocommerce div.product .product_title sup, .woocommerce div.product .product_title sub, main#innerpage-box h2.woocommerce-loop-product__title, main#innerpage-box h2.woocommerce-loop-product__title span, main#innerpage-box h2.woocommerce-loop-product__title small, main#innerpage-box h2.woocommerce-loop-product__title strong, main#innerpage-box h2.woocommerce-loop-product__title big, main#innerpage-box h2.woocommerce-loop-product__title b, main#innerpage-box h2.woocommerce-loop-product__title sup, main#innerpage-box h2.woocommerce-loop-product__title sub, .service-area h4, .service-area h4 sub, .service-area h4 sup, .service-area h4 span, .service-area h4 small, .service-area h4 strong, .service-area h4 big, .service-area h4 b, body.page-template-default main#innerpage-box h4, div#commentsAdd h4, body.page-template-default main#innerpage-box h4 span, div#commentsAdd h4 span, body.page-template-default main#innerpage-box h4 small, div#commentsAdd h4 small, body.page-template-default main#innerpage-box h4 strong, div#commentsAdd h4 strong, body.page-template-default main#innerpage-box h4 sub, div#commentsAdd h4 sub, body.page-template-default main#innerpage-box h4 sup, div#commentsAdd h4 sup, body.page-template-default main#innerpage-box h4 big, div#commentsAdd h4 big, body.page-template-default main#innerpage-box h4 b, div#commentsAdd h4 b, .page-template-default #innerpage-box .service_inbox .title a, .page-template-default #innerpage-box .service_inbox .title a small, .page-template-default #innerpage-box .service_inbox .title a sub, .page-template-default #innerpage-box .service_inbox .title a sup, .page-template-default #innerpage-box .service_inbox .title a span, .page-template-default #innerpage-box .service_inbox .title a strong, .page-template-default #innerpage-box .service_inbox .title a big, .page-template-default #innerpage-box .service_inbox .title a b, main#innerpage-box #blog-box h2, main#innerpage-box #blog-box h2 small, main#innerpage-box #blog-box h2 sub, main#innerpage-box #blog-box h2 sup, main#innerpage-box #blog-box h2 span, main#innerpage-box #blog-box h2 strong, main#innerpage-box #blog-box h2 big, main#innerpage-box #blog-box h2 b, .call-label, .call-label small, .call-label sub, .call-label sup, .call-label span, .call-label strong, .call-label big, .call-label b, .contact-content .phone, .contact-content .phone small, .contact-content .phone sub, .contact-content .phone sup, .contact-content .phone span, .contact-content .phone strong, .contact-content .phone big, .contact-content .phone b, .blog-area .blog-read-more a, .blog-area .blog-read-more a small, .blog-area .blog-read-more a sub, .blog-area .blog-read-more a sup, .blog-area .blog-read-more a span, .blog-area .blog-read-more a strong, .blog-area .blog-read-more a big, .blog-area .blog-read-more a b, .section-title h3, .section-title h3 small, .section-title h3 sub, .section-title h3 sup, .section-title h3 span, .section-title h3 strong, .section-title h3 big, .contact-area .contact-l .section-title h4, .contact-area .contact-l .section-title h4 span, .contact-area .contact-l .section-title h4 small, .contact-area .contact-l .section-title h4 strong, .contact-area .contact-l .section-title h4 b, .contact-area .contact-l .section-title h4 big, .contact-area .contact-l .section-title h4 sub, .contact-area .contact-l .section-title h4 sup, .contact-area .hgtxt, .contact-area .contact-content, .contact-area .contact-content span, .contact-area .contact-content small, .contact-area .contact-content strong, .contact-area .contact-content b, .contact-area .contact-content big, .contact-area .contact-content sub, .contact-area .contact-content sup, .contact-area .contact-content, #ht-gallery-section h2, #ht-gallery-section h2 span, #ht-gallery-section h2 small, #ht-gallery-section h2 strong, #ht-gallery-section h2 b, #ht-gallery-section h2 big, #ht-gallery-section h2 sub, #ht-gallery-section h2 sup, .contact-area .discount-box .discount-textbox h4, .contact-area .discount-box .discount-textbox h4 span, .contact-area .discount-box .discount-textbox h4 small, .contact-area .discount-box .discount-textbox h4 strong, .contact-area .discount-box .discount-textbox h4 b, .contact-area .discount-box .discount-textbox h4 big, .contact-area .discount-box .discount-textbox h4 sub, .contact-area .discount-box .discount-textbox h4 sup, .contact-area .discount-box .discount-textbox h2, .contact-area .discount-box .discount-textbox h2 span, .contact-area .discount-box .discount-textbox h2 small, .contact-area .discount-box .discount-textbox h2 strong, .contact-area .discount-box .discount-textbox h2 b, .contact-area .discount-box .discount-textbox h2 big, .contact-area .discount-box .discount-textbox h2 sub, .contact-area .discount-box .discount-textbox h2 sup, #project h4, #project h4 span, #project h4 small, #project h4 strong, #project h4 b, #project h4 big, #project h4 sub, #project h4 sup {font-family: 'Permanent Marker',cursive;}

    Also you have the following CSS rule to define another font:

    body, .btn, .btn span, .btn small, .btn strong, .btn big, .btn b, .btn sup, .btn sub, .counter-post .details h5, .counter-post .details h5 span, .counter-post .details h5 small, .counter-post .details h5 strong, .counter-post .details h5 b, .counter-post .details h5 big, .counter-post .details h5 sub, .counter-post .details h5 sup, .testimonials-area h6.ts-area-title, .testimonials-area h6.ts-area-title span, .testimonials-area h6.ts-area-title small, .testimonials-area h6.ts-area-title strong, .testimonials-area h6.ts-area-title b, .testimonials-area h6.ts-area-title big, .testimonials-area h6.ts-area-title sub, .testimonials-area h6.ts-area-title sup, #recent-product-section .total-product-title-wrap a h6, #recent-product-section .total-product-title-wrap a h6 small, #recent-product-section .total-product-title-wrap a h6 sub, #recent-product-section .total-product-title-wrap a h6 sup, #recent-product-section .total-product-title-wrap a h6 span, #recent-product-section .total-product-title-wrap a h6 strong, #recent-product-section .total-product-title-wrap a h6 big, #recent-product-section .total-product-title-wrap a h6 b, #newsletter .ht-newsletter-member-wrap input[type='submit'], #newsletter .ht-newsletter-member-wrap input[type='submit'] small, #newsletter .ht-newsletter-member-wrap input[type='submit'] sub, #newsletter .ht-newsletter-member-wrap input[type='submit'] sup, #newsletter .ht-newsletter-member-wrap input[type='submit'] span, #newsletter .ht-newsletter-member-wrap input[type='submit'] strong, #newsletter .ht-newsletter-member-wrap input[type='submit'] big, #newsletter .ht-newsletter-member-wrap input[type='submit'] b, .navigation .mainmenu>li>a, .footer-area .widget.widget_recent_entries li a, #footer.footer-area .widget-title, main#innerpage-box div#content-box h3.faq-title, main#innerpage-box div#content-box h3.faq-title small, main#innerpage-box div#content-box h3.faq-title span, main#innerpage-box div#content-box h3.faq-title strong, main#innerpage-box div#content-box h3.faq-title sub, main#innerpage-box div#content-box h3.faq-title sup, main#innerpage-box div#content-box h3.faq-title big, main#innerpage-box div#content-box h3.faq-title b, * {
        font-family: 'Poppins',sans-serif;
    }

    In our free version 2 font tags are being added after translation, so for example h2 becomes h2 font font and in that case the second font is being applied, because the second CSS matches better.

    You will need to adjust the 2nd rule, especially the * part, so that it does not take precedence.

    If you use our paid version it will be fine without the need to modify the CSS rule you have, since in paid version no additional font tags are being added.

    Thanks! ??

Viewing 1 replies (of 1 total)
  • The topic ‘Fonts changed when a different language from native is selected’ is closed to new replies.