Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #695959

    Hello,

    I would like to display the text block font in different sizes in mobile and desktop for certain text blocks.

    Is it possible to add a code to Custom Css Class field, so it would display differently in the mobile?

    Best Regards,

    #695960

    The page is in the private:

    #696283

    Hi,

    Yes it’s possible, try something like this:

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
        .your-class{
          font-size: 20px;
        }
    }

    Thanks,
    Rikard

    #696743

    Hello Rikard,

    I tried to place it in the quick css and in the custom css class field but the font in mobile did not change.

    Best Regards,

    #697266

    Hi,

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your text block elements and give them a custom CSS class (“your-class” in the code Rikard posted above) and then add Rikard’s code once again and try adding !important rule to it as following

    @media only screen and (max-width: 767px) {
        .your-class{
          font-size: 20px !important;
        }
    }

    Best regards,
    Yigit

    #698657

    Hello Yigit,

    Thanks I got this:)

    Best Regards,

    #698680

    Hi,

    You are welcome, let us know if you have any other questions or issues :)

    Best regards,
    Yigit

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How can I have different font in the mobile view for text blocks’ is closed to new replies.