Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • December 12, 2015 at 6:50 pm #551462
    Tork789

    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?

    • This topic was modified 9 years ago by Tork789.
    December 13, 2015 at 7:16 am #551558
    Tork789

    bump

    December 13, 2015 at 3:02 pm #551674
    Josue

    Hi!

    Can you post a screenshot of the issue? your site is not loading for me.

    Regards,
    Josue

    December 13, 2015 at 4:47 pm #551735
    Tork789

    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.

    December 13, 2015 at 11:06 pm #551799
    Basilis

    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,
    Basilis

    December 14, 2015 at 7:38 am #551973
    Tork789

    Hey Basilis. Well the site is live. I checked with 4 other people from different countries and they are able to get there.

    Maybe you could post instructions of how I could do it myself then?

    • This reply was modified 9 years ago by Tork789.
    December 14, 2015 at 11:58 am #552109
    Josue

    Hey!

    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,
    Josue

    December 14, 2015 at 4:24 pm #552446
    Tork789

    Hi 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.

    December 14, 2015 at 4:31 pm #552454
    Josue

    I believe Lato doesn’t have support for Cyrillic, look for alternative fonts here:
    https://www.google.com/fonts

    How to add them to Enfold:
    https://kriesi.at/support/topic/add-google-font-to-all-parts-of-enfold/#post-460605

    Regards,
    Josue

    December 14, 2015 at 4:48 pm #552470
    Tork789

    I 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?

    December 14, 2015 at 6:08 pm #552525
    Josue

    Use this:

    @media only screen and (max-width: 500px)
{
#top .av-rotator-container-inner{font-size: 0.55em; }
}

    Cheers!
    Josue

    December 14, 2015 at 8:23 pm #552579
    Tork789

    Josue, it does nothing without !important. Please don’t ignore my question about overriding the shortcodes.css.

    That’s strange. According to functions.php my child theme’s style.css file should load after shortcodes.css

    • This reply was modified 9 years ago by Tork789.
    December 15, 2015 at 12:56 am #552684
    Josue

    Hey!

    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

    December 15, 2015 at 1:41 pm #552993
    Tork789

    Ah yeah, that works now. Thank you very much!

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Cyrillic is not supported?’ is closed to new replies.