Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 19, 2018 at 12:07 am #899359
    Lara

    Hi there,

    I’m having trouble making my portfolio items spaced out.

    I’d like to get space between my portfolio items on my website, like the enfold 2017 demo – https://kriesi.at/themes/enfold-2017/portfolio/masonry-portfolio-example-3-column/ with the grey background.

    I’ll need this to apply to 4 column grids on the website. Wondering if anyone can help me with this :)

    Lara

    January 19, 2018 at 5:48 am #899490
    Mike

    Hey Lara,
    When I try your link, I’m get “page not found” please check.
    But in the element you should choose “large gap” in “Gap between elements”
    2018-01-18_224415

    Best regards,
    Mike

    January 23, 2018 at 6:18 am #901197
    Lara

    Hi Mike,

    try this instead

    January 23, 2018 at 8:32 am #901272
    Nikko

    Hi,

    You didn’t use Masonry, but I tweaked it a bit and added this css code in QUick CSS (located in ENfold > General Styling):

    #masonrylike .container {
    max-width: 100%;
    padding: 0;
}

#masonrylike .container .av_one_third {
    width: 32%;
    margin-left: 1%;
}

#masonrylike .container .av_one_third .avia-image-container, #masonrylike .container .av_one_third .avia-image-container-inner, #masonrylike .container .av_one_third .avia-image-container img {
    width: 100%;
    display: block;
}

#masonrylike .container .av_one_third .av-special-heading.el_after_av_image {
    margin-top: 20px;
}

    Let us know if it’s good :)

    Best regards,
    Nikko

    January 23, 2018 at 11:57 pm #901758
    Lara

    Hi Nikko,

    thanks for getting back to me. Unfortunately, the padding under my portfolio items is all different.

    If you go to this page http://180.92.199.218/~libertyindustria/portfolio-item/munmorah-power-station-removal/ and look at the portfolio items at the bottom, the white box holding text under the images are all different heights. For example, the first row of items, Jordan Springs, Former Camden, Rozelle and Munmorah power station are all different and this goes on through all other portfolio items.

    I hope I’m making sense lol

    January 24, 2018 at 2:32 am #901804
    Nikko

    Hi,

    Yes, it does make sense and the code I gave should make it equal in height and I did check it just now and they all have equal heights, can you try to clear the browser cache? if that doesn’t help can you give us a screenshot on how it looks on your end.

    Best regards,
    Nikko

    January 24, 2018 at 2:34 am #901805
    Lara

    Hi Nikko,

    I removed all the CSS and now it works after a bit of tweaking I did.

    Lara

    January 24, 2018 at 3:02 am #901820
    Mike

    Hi,
    That’s good news, Glad Nikko was able to help, shall we close this then?

    Best regards,
    Mike

    January 24, 2018 at 3:04 am #901823
    Lara

    Hi Mike,

    Sure thing. Thanks for all your help guys!

    January 24, 2018 at 3:23 am #901834
    Nikko

    Hi Lara,

    You’re welcome and thanks for using Enfold! Have a nice day :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Space between portfolio items’ is closed to new replies.