Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 19, 2016 at 3:44 pm #726054
    Analyze-Design

    Hi There great Enfold support team!

    I’ve made an adjustment to a portfolio grid like here:
    https://kriesi.at/support/topic/spacing-between-portfolio-grid-containers/

    But I want the padding in de last row to be 0, so that the space most left and most right is even.

    What can I do to fix this?

    Thanks in advance, regards, Annelies

    December 22, 2016 at 4:28 am #727373
    Ismael

    Hey Annelies,

    Thank you for using Enfold.

    Please replace the code with this.

    .grid-sort-container > .grid-entry {
    padding-bottom: 10px;
    padding: 0 12px 0 12px;
}

    Best regards,
    Ismael

    December 22, 2016 at 10:10 am #727462
    Analyze-Design

    Hi Ismael,

    Thanks, but I have the issue with the alignment of the rest of the content. See screendump.

    Now I used:

    .grid-sort-container > .grid-entry {
    padding-bottom: 10px !important;
    padding: 0 20px 0 0 !important;
}

    Is there a way to fix this? My client is a graphic designer who is very sharp at margin etc, so I have to make this perfect ;-)

    Best regards, Annelies

    December 24, 2016 at 8:15 pm #728153
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .grid-sort-container > .grid-entry:nth-child(3n) {
    padding-right: 0!important;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    January 31, 2017 at 2:20 pm #740637
    Analyze-Design

    Hi Yigit,

    Do you know why the height is different when I put this one in my style.css
    The padding is perfect on the right, but now the heigth of the image is too much.

    Plus the with of the last row is different, how can I fix this?

    Best Regards, Annelies

    February 4, 2017 at 7:37 am #742683
    Ismael

    Hi!

    We can set a 10px padding on both sides of the portfolio items but you have to move other elements such as the “Recent Work” title.

    .grid-sort-container > .grid-entry {
    padding-bottom: 10px !important;
    padding: 0 10px 0 10px !important;
}

    Best regards,
    Ismael

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