Change font in RTL only

Hello,
How can I change the font in the RTL (Arabic template) only, without changing it in the English version?

Thank you
Mazen

Hello,

Unfortunately, there is no such option in our theme. It may be possible with additional CSS code customization only.

Regards

Hello,
Would you please let me know how? Just an example..
Many thanks
Mazen

Please, send us your admin access and specify the desired font so we check what we can do there.

Hello,

Thank you very much, Would you please let me know what you do So I learn from you with many thanks.
Information is in the Private section and attached the font files helveticaneueltarabic-light.

Attachments:

You must be logged in to view attached files.

Hi,

If you want to use your own custom font then you need to upload this font to our Theme Settings as shown in our documentation first https://xtemos.com/docs/woodmart/faq-guides/upload-custom-fonts/

Regards

HI,
Okay, I uploaded the fonts in the Media, but 2 of them gave error the extention .ttf and .eot

Would you please help me for adding the fonts to the RTL Arabic only. I attached the fonts again.

Also, I have a problem with: compare link icon [ its on the top near the wishlish and the Add to card icons] where can I find the link to change it?
https://test2018.levantinecrafts.com/

Thank you

Attachments:

You must be logged in to view attached files.

You need to upload all fonts formats first https://gyazo.com/7daff8cf533cb3644fccdb611cece537
Read our tutorial https://xtemos.com/docs/woodmart/faq-guides/upload-custom-fonts/

Hello,

I mentioned before that for both fonts gives me a message cannot upload.

helveticaneueltarabic-light.ttf
Sorry, this file type is not permitted for security reasons.
helveticaneueltarabic-light.eot
Sorry, this file type is not permitted for security reasons.

Kindly check the screenshot
Thank you

Attachments:

You must be logged in to view attached files.

Hi,

Try to add this code to the functions.php in the child theme while you are uploading your fonts

define( 'ALLOW_UNFILTERED_UPLOADS', true );

Remove it after uploading.

Regards

Hello,
Great, the fonts are uploaded now…, what is the next step?

Thank you

Ohh, now I see, that the custom font working in the RTL pages.
Thank you very much.

Kind Regards
Mazen

Do you mean that you already set different fonts for your main language and for the RTL?

Hello,
Sorry for late to reply, No I didn’t I thought you did, but I see it is not done yet..
Would you please set it only to RTL? and leave the English as the demo..
Thank you very much.
Mazen

Try to add the following code snippet to the Custom CSS area in Theme Settings

/* TEXT FONT */
.rtl body, .rtl .font-text, .rtl .menu-item-register .create-account-link, .rtl .menu-label, .rtl .wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion .vc_tta-panel-title, .rtl .widgetarea-mobile .widget_currency_sel_widget .widget-title, .rtl .widgetarea-mobile .widget_icl_lang_sel_widget .widget-title, .rtl .woodmart-hover-base .hover-content table th, .rtl .product-image-summary .shop_attributes th, .rtl .woocommerce-product-details__short-description table th {
  font-family: "AR-font"; }
/* TITLE FONT */
.rtl .font-primary, .rtl table th, .rtl .page-title .entry-title, .rtl .masonry-filter li, .rtl .widget_rss ul li > a, .rtl .wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab > a, .rtl .woodmart-price-table .woodmart-plan-title, .rtl .woodmart-sizeguide-table tr:first-child td, .rtl .woocommerce-column__title, .rtl header.title > h3, .rtl .tabs-layout-tabs .tabs li, .rtl .woodmart-accordion-title, .rtl .woodmart-checkout-steps ul, .rtl .woocommerce-billing-fields > h3, .rtl .woocommerce-shipping-fields > h3, .rtl .woocommerce-additional-fields > h3, .rtl #ship-to-different-address label, .rtl #order_review_heading, .rtl .cart-empty, .rtl .cart-totals-inner h2, .rtl .social-login-title, .rtl .register-or, .rtl .woocommerce-MyAccount-title, .rtl .woodmart-products-tabs .tabs-name, .rtl .woodmart-products-tabs .products-tabs-title, .rtl .wishlist-title h2, .rtl body > h1, .rtl table.compare-list tr.no-products td, .rtl #order_payment_heading, .rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6, .rtl .title, .rtl legend, .rtl .woocommerce-Reviews .comment-reply-title, .rtl .menu-mega-dropdown .sub-menu > li > a, .rtl .mega-menu-list > li > a {
  font-family: "AR-font"; }
/* ENTITIES NAME */
.rtl .blog-post-loop .entry-title, .rtl .post-single-page .entry-title, .rtl .single-post-navigation .post-title, .rtl .portfolio-entry .entry-title, .rtl td.product-name a, .rtl .category-grid-item .category-title, .rtl .product-image-summary .entry-title, .rtl .autocomplete-suggestion .suggestion-title, .rtl .widget_recent_entries ul li a, .rtl .widget_recent_comments ul li > a, .rtl .woodmart-recent-posts .entry-title a, .rtl .woodmart-menu-price .menu-price-title, .rtl .group_table td.label a, .rtl .product-grid-item .product-title, .rtl .yith-woocompare-widget .products-list li a.title, .rtl .product-title, .rtl table.compare-list tr.title td {
  font-family: "AR-font"; }

Hello,
Thank you very much, it works 100%,
Just 2 things left:
The BROWSE CATEGORIES & MAIN MENU, doesn’t change!.
Would you please send them also?

Kind Regards
Mazen

Hi,

Try to add this code as well

.rtl .main-nav-style, .rtl .menu-opener, .rtl .categories-menu-dropdown .item-level-0 > a, .rtl .woodmart-burger-icon .woodmart-burger-label, .rtl .woodmart-wishlist-info-widget .wishlist-label, .rtl .woodmart-wishlist-info-widget .wishlist-count, .rtl .woodmart-shopping-cart .woodmart-cart-totals, .rtl .woodmart-header-links .item-level-0 > a, .rtl .main-nav .item-level-0 > a, .rtl .whb-secondary-menu .item-level-0 > a, .rtl .full-screen-nav .item-level-0 > a {
  font-family: "AR-font";
}

Regards

[Author]

Posts