Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 26, 2017 at 6:12 am #856789
    cm-arq

    Hi, ive a Masonry Gallery in the home page. Custom id #fineart. Which ive modify to show only one column, centered. But i also wanted to reduce the size of the images so they dont touch the sides of the screen. I didnt find any code and didnt understand the ‘Simple image size’ Plugin.

    To reduce the size of the images and align it in the center of the site, ive used this code which is not very responsive:

    #fineart .av-masonry-container a {
    border-left: 285px solid white;
    border-right: 285px solid white;
    border-top: 15px solid white;
}

    However, it works great when screen is big. In smaller screens images disappear. How can i make it responsive for tablets an smartphones. Ive tried reducing the borders @media screen size. But with no success. I want it to look just the same.
    Pls, i would love some help!

    thnks.

    September 26, 2017 at 6:25 am #856794
    cm-arq

    Also, there are Horizontal lines that appear every 2 images. How can i remove them?

    September 27, 2017 at 4:34 am #857243
    Ismael

    Hi,

    Thank you for using Enfold.

    Please remove the css code then use this one instead.

    #fineart {
    width: 1320px;
    margin: 0 auto;
}

    Best regards,
    Ismael

    September 27, 2017 at 2:26 pm #857504
    cm-arq

    Thnks! works great… as usual!

    September 27, 2017 at 3:57 pm #857561
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Masonry Perfect Grid size and responsive’ is closed to new replies.