Tabs Alignment Issue When Switching to Arabic Language

[JKPENG]

Hi,

How do I maintain the alignment for the Arabic version? Please review the screenshot below:

English version.

Arabic version where the alignment is out.

Thank you.

[ruenel]

Hello @JKPENG,

Thanks for writing in! Is the Fill Space option in the Tabs > Individual Tabs enabled already? We would love to check your site. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

[JKPENG]

Hi,

Requested info in secure note as requested.

Thank you.

[tristup]

Hi @JKPENG,

To remove that space and maintain the alignment, you need to add the following custom CSS code to the Page CSS of that specific page.

.rtl .x-tabs-list ul
{
    margin: 0 !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes, which means we can’t fix them in case they conflict with something on your site, nor will we enhance them. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks

[JKPENG]

Hi,

It works.

Thanks.

[tristup]

Hi @JKPENG,

Glad that we are able to help you.

Thanks