Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 26, 2017 at 1:49 pm #844341
    Gerry Granshaw
    Guest

    Hi,
    I’m trying to get a 1px margin around all sides of images on Masonry Gallery. Have set 1px gap between elements which works top and bottom but not either side. Tried an earlier suggestion on support forum but didn’t work.

    Would also like to narrow the whole column to about 1200px wide but can’t see an option to do that. I’ve got the gallery in a colour section container.

    Many thanks
    obimedia2

    August 26, 2017 at 4:33 pm #844357
    Mike

    Hey Gerry Granshaw,
    Try this code in the General Styling > Quick CSS field:

    #top.page-id-4510 .lightbox-added {padding: 0px !important; }
#top.page-id-4510 .av-masonry-container {max-width: 1200px!important; }

    I used “max-width” so that it would scale down for smaller screens, but you could change it to “width” should you like.

    Best regards,
    Mike

    August 26, 2017 at 5:02 pm #844361
    obimedia2

    Thank you, Mike

    There’s still a wide vertical margins on most of the Masonry gallery pages (example – first link below). Can you see why that’s happening?

    The code worked for this page only (see second link below) but the 1px margin worked on some sides of photos but not all?

    Is it possible to centre the content on the page rather than left-align?

    Thanks for your help.

    obimedia2

    August 27, 2017 at 12:59 am #844471
    Mike

    Hi,
    Oh that was me, I wrote it for just that page out of habit, just remove the page IDs “page-id-4510” and it should work for all the pages

    Best regards,
    Mike

    August 27, 2017 at 11:40 am #844496
    obimedia2

    Thanks Mike.

    Is it possible to centre the content on the page rather than left-align? Example page below.

    Really appreciate your help.

    obimedia2

    August 27, 2017 at 1:10 pm #844506
    Mike

    Hi,
    From what I could see, below 1440px the elements were center, above there was extra space on the right due to the padding we removed from between the elements. So I wrote this for above 1439px

    @media only screen and (min-width: 1439px) { 
#top #main .avia-section .template-page {padding-left: 40px!important; }}

    Best regards,
    Mike

    August 27, 2017 at 2:02 pm #844519
    obimedia2

    Thanks so much, Mike!
    That’s sorted it.
    Hope you are enjoying your day.
    All best
    obimedia2

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to remove left and right padding on Masonry Gallery – Enfold theme’ is closed to new replies.