Navigation
Archive / The Grid – CSS Adjustments for text
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 20, 2017 at 8:01 am #1338336
    pablo102
    Participant

    Hi,

    I’m struggling to adjust some text properties in the Grid.
    I would like to change the padding and font size in every grid on my website.

    I’m using this code for starters but doesn’t seem to work for me:

    #grid-2740 .tg-item-content-inner {
    padding: 4px 4px;
    }
    .tg-item-title .h2{
    font-size: 12px;
    padding: 4px 4px;
    }

    I’m I using wrong selectors?
    Thank you for help!

    January 20, 2017 at 8:02 am #1338337
    pablo102
    Participant
    This reply has been marked as private.
    January 20, 2017 at 2:00 pm #1338791
    Jade
    Moderator

    Hi there,

    Please try this:

    .tg-item-content {
    padding: 4px !important;
}

.tg-item h2.tg-item-title a {
    font-size: 12px !important;
}

    Hope this helps.

    January 20, 2017 at 2:39 pm #1338871
    pablo102
    Participant

    Thank you,
    Almost there, but the text has still too much padding on the sides. What should I add?

    January 20, 2017 at 5:22 pm #1339050
    Jade
    Moderator

    Hi Pablo,

    You can update it to this:

    .tg-item h2.tg-item-title {
    padding: 14px 75px!important;
}

    Hope this helps.

    January 21, 2017 at 6:27 am #1339579
    pablo102
    Participant

    Thank you that works great!

    January 21, 2017 at 6:37 am #1339581
    Thai
    Moderator

    You’re most welcome 🙂

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