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

Comments

  •  1
    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,614
    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


    Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •  1
    Kristy replied

    Hi Ian,

    Thanks, that worked!

    Best regards,

    Kristy

  •  1,614
    Qode replied

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

    Best regards, 

    Ian


    Explore our collection of 300+ premium WordPress themes on the Qode Interactive website.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.