Okay
  Public Ticket #1810377
Change font size blog items Mobile
Open

Comments

  •  2
    Kristy started the conversation

    hi,

    I'm trying to change the font size of the blog item titles (H6 for Blog Masonry element on the homepage and H5 for page template blog masonry full width on the page Magazine) on mobile.

    Is it possible to provide me the correct code? I've tried a few and unfortunately haven't figured out the right code yet. :-)

    Best regards,

    Kristy


  •  1,447
    Qode replied

    Hi Kristy, 

    Please add the following CSS into Qode Options -> General -> Custom CSS field with desired font-size values: 

    @media screen and (max-width: 767px) {
    h6.q_masonry_blog_title.entry_title, 
    h6.q_masonry_blog_title.entry_title a {
       font-size: 16px;
    }
    .page-template-blog-masonry-full-width .blog_holder article .post_text h5, 
    .page-template-blog-masonry-full-width .blog_holder article .post_text h5 a {
        font-size: 20px;
    }
    }
    

    Let us know if this was helpful. 

    Best regards, 

    Ian

    * The new and improved Online Bridge Documentation is live. Check it out now - http://bridge.qodeinteractive.com/

    * You can also check our articles with useful tips and suggestions

    Best Regards,

    Qode

  •  2
    Kristy replied

    Hi Ian,

    Thanks, that worked!

    Best regards,

    Kristy

  •  1,447
    Qode replied

    You are welcome Kristy, we are glad that we could help. 

    Best regards, 

    Ian

    * The new and improved Online Bridge Documentation is live. Check it out now - http://bridge.qodeinteractive.com/

    * You can also check our articles with useful tips and suggestions

    Best Regards,

    Qode