Hello, There is an issue with RTL in the BS4 for version 2.3 in the breadcrumb and also content under example: https://theme.stepofweb.com/Smarty/v2.3.0/HTML_BS4/shop-single-full.html
Title doesn't go to right neither li tag content and so
Check the HTML structure: Verify that the HTML structure of the breadcrumb and its content is correct and includes the necessary RTL attributes. You can use the dir="rtl" attribute on the appropriate HTML elements or containers to specify right-to-left direction .
Override CSS styles: Inspect the CSS styles applied to the breadcrumb and its content using browser developer tools. Identify the relevant CSS classes and properties responsible for the alignment. Then, write custom CSS rules to override or modify those styles as per your RTL requirements.
For example, you may need to use text-right class for right-aligning the title or adjust padding and margin values to properly align the <li> tag content.
Utilize RTL-specific classes: Bootstrap provides some classes specifically designed for RTL support. Check if the classes like text-right, float-right, or ml-auto (margin-left: auto) can help in achieving the desired RTL layout.
Consult Bootstrap documentation: Refer to the official Bootstrap documentation for version 2.3 or any relevant release notes to see if there are any specific RTL-related instructions or changes.
There is an issue with RTL in the BS4 […]
There is an issue with RTL in the BS4 for version 2.3 in the breadcrumb and also content under
example: https://theme.stepofweb.com/Smarty/v2.3.0/HTML_BS4/shop-single-full.html
Title doesn't go to right neither li tag content and so
Thanks.
This (quick essay fix) may help you with some or most of the issues,
In your RTL custom file or where ever you see fit :)
Add
body {
text-align: right;
}
Override CSS styles: Inspect the CSS styles applied to the breadcrumb and its content using browser developer tools. Identify the relevant CSS classes and properties responsible for the alignment. Then, write custom CSS rules to override or modify those styles as per your RTL requirements.
For example, you may need to use text-right class for right-aligning the title or adjust padding and margin values to properly align the <li> tag content.
Utilize RTL-specific classes: Bootstrap provides some classes specifically designed for RTL support. Check if the classes like text-right, float-right, or ml-auto (margin-left: auto) can help in achieving the desired RTL layout.
Consult Bootstrap documentation: Refer to the official Bootstrap documentation for version 2.3 or any relevant release notes to see if there are any specific RTL-related instructions or changes.
Last edited 10 months ago