Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 18, 2017 at 10:15 pm #735561
    Graham

    There is a masonry gallery working here, thanks to your help. I have added a background colour and a large gap with the shortcut. However there appears to be an issue with the padding as the top and on the left as the background come out from behind the gallery on the right and bottom but not on the left or top.

    Any pointers are most appreciated, honestly I am learning and hope not to be bothering you so much quite soon.

    Thank you

    http://perfectpuglia.com/properties/trulli-negli-alberi-alberobello-2/

    • This topic was modified 7 years, 11 months ago by Graham. Reason: Edited link address on website, sorry
    January 23, 2017 at 11:05 pm #737454
    Nikko

    Hey Graham,

    We apologize for the late response. Can you try to place the masonry gallery out of the 1/1 column, and check if this fixes the problem.

    Best regards,
    Nikko

    January 24, 2017 at 7:53 am #737577
    Graham

    Hello Nikko,

    Yes that does fix it, can you tell me how to now keep it in the container width, rather than stretch to full width.
    Thank you

    Graham

    • This reply was modified 7 years, 11 months ago by Graham.
    January 24, 2017 at 11:36 pm #737998
    Nikko

    Hi Graham,

    I think you can place it back on 1/1 column and just add this css code in Quick CSS (located in Enfold > General Styling):

    .container_wrap .av-content-full {
    overflow-x: hidden;
}

    Let us know if this helps.

    Cheers!
    Nikko

    January 25, 2017 at 7:38 am #738161
    Graham

    Hi Nikko,

    I have added the CSS, and let it in place, it has removed the right margin now, so that all that remains is the bottom one. It is in the right area just not quite the right result.

    Thank you for your help with this.

    Graham

    January 28, 2017 at 8:24 pm #739754
    Nikko

    Hi Graham,

    You’re welcome :) Try adding this css code:

    #top .av-masonry-container.isotope:after {
    display: block;
    background: #f5f5f5;
    width: 100%;
    height: 17px;
    position: absolute;
    bottom: 0;
    content: '';
}

    Hope this helps :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.