Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 24, 2018 at 10:08 pm #961860
    paepke19

    Is there a new solution to portfolio spacing? I’ve read the posts from a few years ago and would like to hear if something has been fixed in Enfold that doesn’t require a lot of hacking JS/CSS to get portfolio spacing?

    In the link below, I want spacing between the portfolio items and each row of items… but I still want the left and right margins to stay where they are (when sorted or ALL is shown).

    Thanks!

    • This topic was modified 6 years, 6 months ago by paepke19.
    May 27, 2018 at 1:27 pm #962717
    Victoria

    Hey paepke19,

    Do you mean you want a gap between the items?

    Best regards,
    Victoria

    May 27, 2018 at 1:32 pm #962724
    paepke19

    Yes. I want a decent amount of margin (say 25px) between the items and rows. The default layout is too tightly spaced for my liking. I don’t want the left margin of the first row item, nor the right margin of the last row item, to be affected though.

    Thanks

    May 29, 2018 at 11:12 am #963580
    Rikard

    Hi,

    Thanks for the feedback. Please try the following in Quick CSS under Enfold->General Styling:

    div.isotope-item {
  padding: 10px;
}

    Best regards,
    Rikard

    May 29, 2018 at 1:40 pm #963662
    paepke19

    Thank you, Rikard.

    While that accomplishes the goal of adding space between the items and rows, it also adds padding to the left side of the grid. Would the correct way to not have left padding be:

    padding:10px 10px 10px 0px;

    Thanks again

    • This reply was modified 6 years, 6 months ago by paepke19.
    May 31, 2018 at 9:57 pm #964982
    Jordan Shannon

    Hi,

    Yes that should work to remove left padding.

    Best regards,
    Jordan Shannon

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