Navigation
Archive / Reduce image padding
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 27, 2016 at 11:05 pm #1013974
    arefs
    Participant

    I have 4 images and want to reduce the padding between them.

    Screenshot – https://dl.dropboxusercontent.com/u/17713251/2016-05-28_13-03-32.jpg

    How can I do this?

    Thanks.

    May 27, 2016 at 11:26 pm #1013989
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    div#cs-content .x-container.max.width .x-column.x-sm.x-1-4 {
    margin-right: 5px;
}

    Thanks.

    May 29, 2016 at 10:25 pm #1015931
    arefs
    Participant

    Thanks. How do I center the images?

    That CSS has brought them closer together but now they aren’t aligned correctly. There is more space on the right hand margin than the left.

    May 29, 2016 at 11:09 pm #1015978
    Rupok
    Member

    Hi there,

    In that case you can try this :

    div#cs-content .x-container.max.width .x-column.x-sm.x-1-4 {
  margin: 0 1%;
}

    Hope this helps.

    Cheers!

    June 3, 2016 at 8:38 pm #1025042
    arefs
    Participant

    Thanks.

    June 3, 2016 at 11:53 pm #1025263
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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