This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

This topic contains 6 replies, has 2 voices.

Last updated by Riffaz 7 months, 3 weeks ago.

Assigned support staff: Riffaz.

Author Posts
February 16, 2019 at 7:58 pm #3208173

ibrahimN

Hello Support,

I'm facing some issues after install WPML with Real Estate7 theme , my website is still underdevelopment so please have a look @ hidden link issues as follow:

1- I need to use a different css file when switching to Arabic language, I search a lot about solution but unfortunately still not successes to make it work. I add the folowing to the main css which is layout.css but not working:

html[lang="ar-AR"] .header-wrap {
background-color: white;
}
html[lang="ar-AR"] .right {
float: left;
}
html[lang="ar-AR"] .left {
float: right;
}

2- Language switcher in top-bar is showing my 2 languages side per side not like dropdown menu and without flags, I tried all elements in WPML --> Language switcher: but I failed to make it looks like in demo version of Real Estate7 hidden link

3- Can you please advise from where I can download Arabic string language and how to upload it.

your prompt support, is highly appreciated

Thanks

February 18, 2019 at 5:09 am #3210219

Riffaz
Supporter

Languages: English (English )

Timezone: Asia/Colombo (GMT+05:30)

Hi,

Thank you for contacting WPML support.

1)
Your language code selection is incorrect.

To find your page language code:
1. go to view-source:hidden link
2. search for "hreflang"

Yours is : hidden link

So your code should be :

html[lang="ar"] .header-wrap {
background-color: white;
}

Let me know how it goes.

2), 3) please open separate tickets for these.

Regards,
Riffaz.

February 18, 2019 at 6:53 am #3210251

ibrahimN

Thanks Riffaz for your answer,

I added the codes in layout.css as you guide me but still no luck to make the changes in my Arabic language.

html[lang="ar"] .header-wrap {
background-color: white;
}
html[lang="ar"] .logo-wrap {
height: 50px;
}

html[lang="ar"] #header-wrap {
background-color: white;
}

html[lang="ar"] #topbar-wrap {
background: white;
}

Can you please check it out, and guide me what I need to change in my code.

Thanks

February 18, 2019 at 11:48 am #3211835

Riffaz
Supporter

Languages: English (English )

Timezone: Asia/Colombo (GMT+05:30)

Hi,

I am unable to check your site.
I see just this in your site: hidden link

Let me know how to check.

Regards,

February 18, 2019 at 7:15 pm #3213872

ibrahimN

It's available on the first logo link

hidden link

Waiting your reply

Thanks

February 20, 2019 at 6:40 am #3220071

ibrahimN

Any Update Mr. Riffazr?

Thanks

February 20, 2019 at 8:42 am #3220264

Riffaz
Supporter

Languages: English (English )

Timezone: Asia/Colombo (GMT+05:30)

Hi,

Sorry for the delay.
I was in holiday.

Use these code.

.rtl .logo-wrap {
height: 50px;
}

.rtl #header-wrap {
background-color: white;
}

.rtl #topbar-wrap {
background: white;
}

Let me know how it goes.

Regards,