Hello
The :lang() selector should be sufficient.
See: http://www.w3schools.com/cssref/sel_lang.asp
Hello Chrystl and many thanks!
Could you please be a bit more precise?
I.e.: Where do I include exactly what?
I simply need the translated to Greek pages to be fully in Century Gothic.
Not at all bored to look into the link you sent.
I DID!:)
immediatelly, but could not make head or tails with what exactly to include where…
Thank you!
Where do I include exactly what?
In your child theme. Name your css file as style.css.
Put in your style.css the 3 lines below, here an example with the Twenty Fifteen theme:
/*
Theme Name: Twenty Fifteen child
Author: Elektrongt
Template: twentyfifteen
*/
You need also to create a functions.php files. Put the code below in your file:
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
Dear Chrystl,
Again, advance thank yous for your time!
I already have a Customizr-child-theme which includes a style.css and a functions.php files.
I therefore assume that I do not need the first step above?
Also, by adding the second piece of code you provided in the existing functions.php, how does that point to changing the translated pages to Century Gothic?
Is there something that my lack of knowledge helps me in missing?:)
Thank you so.
I already have a Customizr-child-theme which includes a style.css and a functions.php files.
So forget too the step I give you below for the functions.php. No need.
how does that point to changing the translated pages to Century Gothic?
You can do something like that in your style.css:
:lang(el) {
font-family: Century Gothic;
}
It will change the font family of all your posts, pages in greek language.
Dear Chrystl,
First off…Brilliant!
This works everywhere it seems!…
BUT..
1) It does not work for the Main Mainu and
2) For some reason the little “up” arrow that ‘takes you back-to-top’ on the bottom right seems to get corrupted…
website here: http://www.eqnomics.org
(select the greek flag pages and notice the difference between menu font and main body, as well as arrow)
Any ideas please?!? 🙂
Try this:
:lang(el) .navbar .nav>li>a {
font-family: century gothic;
}
.btt-arrow {
font-family: genericons;
}
You should use the tools as Firebug to test your CSS.
Dear Chrystl,
YOU NAILED IT!
Spot on!
At forst I thought I had to substitute your initial code with the new one, but quickly realised that I just nedded to ADD the code above.
Everything seems to be functioning perfectly!
I did dig quite a bit but could not for the love of me find this clearly and you have helped me a lot.
And so many others with the same objective if I may say!
For clarity purposes and summary, I re-copy/paste the final complete code below for everyones easier reference. Part of it is customizr-theme specific I guess but good to have it all in one place.
Once again, many thanks! Site looks beautiful now.
Complete code below:
:lang(el) {
font-family: Century Gothic;
}
:lang(el) .navbar .nav>li>a {
font-family: century gothic;
}
.btt-arrow {
font-family: genericons;
}
I have tried to add this code to my stylesheet, but still no luck with the font.
when I select a a different language the font changes.
I am not clear on where I need to add this css code
