-
Posts
-
I’m currently using an enfold template “Startup Business Demo”, and when I decided to replace some text with text on cyrillic it appeared using a different font(should be Lato), and also seems to be not adaptive anymore, because when I go on the site from a mobile phone, the text goes beyond the screen.
Additional question: Can I choose different fonts for different paragraphs/sections without editing files via ftp?
Hi Josue, thanks for the response. As you can see it uses Arial instead of Lato, and basically changing the font in the enfold theme options does noting, it’s always arial if you’re using cyrillic. But what bothers me more is that it’s not responsive anymore.
I figured out that it’s just long words that aren’t getting smaller or breaking down to fit the screen, so I partly solved the problem by adding “word-wrap: break-word;” in style.css of the child theme. But I thought that maybe there’s a better solution that you already have.
Hey!
Can we please check a live version of your web site?
And maybe a username / password can help us out, to add some CSS and load Lato Cyrillic for you.Best regards,
BasilisHey!
I managed to load the site but i’m not noting the issue on my end – http://screencast.com/t/rMUhiCeG, did you managed to get it fixed?
Regards,
JosueHi again Josue.
No, the problem still exists for smaller screens, like less than 5 inches diagonally.
And as you can see, the font is still Arial instead of Lato. And basically any other font is not working except Arial for cyrillic.
I believe Lato doesn’t have support for Cyrillic, look for alternative fonts here:
https://www.google.com/fontsHow to add them to Enfold:
https://kriesi.at/support/topic/add-google-font-to-all-parts-of-enfold/#post-460605Regards,
JosueI see. I’ll try it out and post results later.
As for now I managed to solve the problem with responsiveness by adding
@media only screen and (max-width: 500px)
{
h1{font-size: 0.55em !important;}
}In style.css in my child theme. I had to use !important because it seems that I can’t override shortcodes.css, neither from custom.css, quick.css or style.css in my child theme. Creating a css folder with the same file(shortcodes.css) didn’t help either. How can I override it for future css adjustments without using !important all the time?
Use this:
@media only screen and (max-width: 500px) { #top .av-rotator-container-inner{font-size: 0.55em; } }Cheers!
JosueHey!
Try this one:
@media only screen and (max-width: 500px) { .responsive #top .av-rotator-container-inner{ font-size: 0.55em ; } }One thing, stylesheet load order doesn’t necessarily mean the last one will “override” all other stylesheets, what decides which one prevails is the specificity of the selector, it must match (or be more specific) the one you’re trying to override.
Best regards,
Josue
- The topic ‘Cyrillic is not supported?’ is closed to new replies.