Navigation
Archive / Reducing image size of image shortcode
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 16, 2016 at 3:50 am #1259129
    yhshin1020
    Participant

    Hey,

    I have a few image shortcodes in block grid items. I have applied the circle style to these images and am now trying to get it to a smaller size.

    I have tried everything (setting width and height through css) and selecting a thumbnail version of the image but nothing seems to work and i cannot seem to reduce the size of the image in the block grid item.

    How can I go about doing this?

    Thanks.

    November 16, 2016 at 3:51 am #1259131
    yhshin1020
    Participant
    This reply has been marked as private.
    November 16, 2016 at 4:38 am #1259175
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    li.x-block-grid-item.center-text img {
    max-width: 150px;
}

    Hope it helps 🙂

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