Blog post body font not right on mobile?

This topic has 5 replies, 2 voices, and was last updated 7 years, 10 months ago ago by 8theme

  • Avatar: Olexi
    Olexi
    Participant
    January 4, 2017 at 17:26

    Hi,

    we added some CSS for a better readability on mobile at the custom CSS for mobile section.
    This is what we have added:

    p {
    font-weight: 400;
    line-height: 1.8;
    font-size: 1.3rem;
    }

    It works perfect on pages, products, etc. … but not on blog posts. Any idea why or what to add, change, etc.

    See it here: https://www.firstbeautyspa.at/pro-contra-permanent-make-up/

    It also works for the sidebar on blog posts … but not the main content.

    Many thanks in advance.

    4 Answers
    Avatar: Olexi
    Olexi
    Participant
    January 4, 2017 at 17:27

    Also we have seen that the post title/heading is formated as H2 … any chance to change that to H1 ?

    Avatar: 8theme
    8theme
    Support staff
    January 5, 2017 at 08:54

    Hello,

    Try to use this code for blog posts content text

    .content-article p {
       font-weight: 400;
       line-height: 1.8;
       font-size: 1.3rem;
    }

    Regards

    Avatar: Olexi
    Olexi
    Participant
    January 5, 2017 at 09:03

    Perfect, many thanks.

    Avatar: 8theme
    8theme
    Support staff
    January 5, 2017 at 09:59

    Have a nice day! 🙂

  • Viewing 5 results - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.