Joomla Templates Club 406,261 posts

[rani Friend raniJoin date: February 2007Posts: 59Downloads:102Uploads:7 Thanked: 6 times in 1 posts]

#190014

Hi,

so the system looks for my styles changes in custom.css correct? but is that only for LTR or both LTR & RTL? do I need to create a file some thing like custom-rtl.css for cases where there are style changes only for RTL ??

Thanks,
Rani

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#503458

Hi Rani,

You can use one custom.css for both RTL and LTR. If you have any css styles for RTL only, you can put the overriden styles below:

bdo { direction: rtl; unicode-bidi: bidi-override; }

i.e:

bdo { direction: rtl; unicode-bidi: bidi-override; }
.logo-image a {
display: none;
}

.social-link {
display: none;
}


[rani Friend raniJoin date: February 2007Posts: 59Downloads:102Uploads:7 Thanked: 6 times in 1 posts]

#503466

very cool. I didn’t know this before. Thanks a lot 🙂

[rani Friend raniJoin date: February 2007Posts: 59Downloads:102Uploads:7 Thanked: 6 times in 1 posts]

#503475

Ok i have tried
bdo
and it didn’t work so I used the following code instead:
html

For example i have the following style for LTR content:

.jamasshead .jamasshead-description h3 {
font-family: 'novecento_widedemibold', sans-serif;
font-size: 25px;
font-weight: normal;
line-height: 1.6;
margin: 0 0 20px;
width: 89%;
}

and the the following style for RTL content:

html .jamasshead .jamasshead-description h3 {
font-family: 'Droid Arabic Kufi', 'novecento_widedemibold', sans-serif;
font-size: 27px;
font-weight: normal;
line-height: 1.8;
margin: 30px 0 20px;
width: 84%;
}

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#503490

Hi ranni,

Lets try with * or put your code under:

bdo { direction: rtl; unicode-bidi: bidi-override; }

as i mentioned.

[rani Friend raniJoin date: February 2007Posts: 59Downloads:102Uploads:7 Thanked: 6 times in 1 posts]

#503508

okay i have tried.

also works.

bdo { direction: rtl; unicode-bidi: bidi-override; } and CSS underneath it, didn’t work.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#503521

Hi rani,

I think you should use , since in this case:
bdo { direction: rtl; unicode-bidi: bidi-override; } works for one css class below it as I tested.

[Author]

Posts