Navigation
Archive / The Grid: Change text size for mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 31, 2016 at 7:25 am #1237759
    Right Angle S
    Participant

    Hi,

    I am using the plugin ‘The Grid’ on a page on our website.

    Right Angle Creative Branding & Marketing Design

    I would like to see if it’s possible so that when on mobile the grids text changes to a smaller and thinner font. Is there some CSS code to do this?

    I am currently using this CSS code to change the text size and font etc.

    oslo .tg-item-title, .oslo .tg-item-title a {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 26px;
    font-weight: 100;
    margin: 0 !important;
    padding: 0 !important;
    }

    Many thanks

    October 31, 2016 at 8:16 am #1237794
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    @media (max-width: 480px){
    oslo .tg-item-title, 
    .oslo .tg-item-title a {
        font-size: 16px !important;
    }
}

    Hope it helps 🙂

    October 31, 2016 at 9:16 am #1237864
    Right Angle S
    Participant

    Yes that has worked! Thank you very much!!

    October 31, 2016 at 9:25 am #1237874
    Thai
    Moderator

    You’re most welcome 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1237759 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>