Easiest way to cusomize the language selector widget

WPML users forum » Technical

Need Help With WPML?

Purchase a commercial support subscription and get direct help from WPML's developers.

Easiest way to cusomize the language selector widget

(8 posts) (6 voices)

Started 1 year ago by Axel
Latest reply from ElaineFP

Tags:

No tags yet.

Axel
Member

Good afternoon,

Before I start changing everything, I wanted your advise on the best way to customize the look (font, color...) of the language selector widget.

Thanks in advance,

Axel

Posted 1 year ago #
admin
Amir

Copy this file from the plugin directory and put it in your theme folder:
sitepress-multilingual-cms/res/css/language-selector.css

Make sure it's loaded by the theme after the call to wp_head, so that it overrides the defaults in the plugin's CSS.

There, you can specify the font type, colors, etc. There's a comment before each of the statements, which says what it meant for.

Posted 1 year ago #
rose951189
Member

I'm unclear how to include an additional .css file. I've moved the file into my theme, but could you clarify where and what I should add to make sure that .css file is overriding the one in the plugin?

Thank you.
Rose

Posted 11 months ago #
admin
Amir

The last CSS file to load determines what's displayed. WPML loads its settings as part of the 'wp_head()' call, which you normally include in your header.php file. If you load your CSS file in header.php after that call, it will take precedence.

Posted 11 months ago #
luchini
Member

I've put the language-selector.css file in my theme folder. With the Atahualpa theme, what do I write in the header.php file to call up & activate this language-selector.css then?

Thanks in advance

Jonas

Posted 10 months ago #
ElaineFP
Member

I have the same problem, I'm not entirely sure where to put the changed css file?

Posted 10 months ago #
Jeremy
Member

If you don't know where to put the CSS file, just put it where you took it from, meaning: sitepress-multilingual-cms/res/css/language-selector.css

Just make sure you don't replace your modified file when you update the plugin. Or, keep a copy and make shure to replace language-selector.css after each update with your modified file.

Posted 10 months ago #
ElaineFP
Member

I figured it out last night, I was confused because I thought we were supposed to add it to the theme not the plugin itself. It looks really great now, thanks!

Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.