Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 10, 2021 at 10:24 pm #1324320
    Veronika

    Hi dear Kriesi-Team,

    I am trying to achieve a masonry grid which is not aligned in a line but shifted, like stairs Like in this picture:

    View post on imgur.com

    I would also like to change the padding between the post-pictures and I would like to align the masonry gallery centered. I did my very best to achieve my vision, unfortunately I am stuck right now.

    I am also trying to add categories above the very left picture but i don’t really know how this works. ( until recently, I used to use Elementor, but I’m trying to get along with the Avia builder, so I have a few difficulties ^^ )

    I really really hope you can help me.
    Thank you very much for your time

    A very thankful customer,
    Veronika :)

    October 11, 2021 at 3:57 am #1324338
    Nikko

    Hi Veloryana,

    Thanks for the screenshot and admin access.
    Is the page you want to adjust the homepage or the one in private content?

    Best regards,
    Nikko

    October 11, 2021 at 7:32 am #1324370
    Veronika

    Hi Nikko,

    thanks for the fast reply, it is a „all posts-unofficial“ Page. I had two, but I deleted the unnecessary one, now. I hope it helped.

    Best,
    Veronika

    October 12, 2021 at 12:41 pm #1324532
    Yigit

    Hi Veronika,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    @media only screen and (min-width: 990px) { 
.avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry:nth-child(2n) {
    padding-top: 100px;
}}

    Best regards,
    Yigit

    October 19, 2021 at 1:06 pm #1325567
    Veronika

    Hi Yigit,

    thank you so much, that worked exactly as I imagined, unfortunately I noticed a column right next to the pictures and I can’t remove it. Any ideas?

    again,
    thank you,
    Veronika

    October 20, 2021 at 1:12 am #1325614
    Nikko

    Hi Veronika,

    Can you try adding this CSS code as well:

    @media only screen and (min-width: 990px) { 
  #top .container {
    margin-left: auto;
    margin-right: auto;
  }
}

    Best regards,
    Nikko

    October 23, 2021 at 11:48 am #1326156
    Veronika

    Hi Nikko,

    unfortunately nothing happens. :/
    Any ideas left?

    thank you,
    Veronika

    View post on imgur.com

    October 23, 2021 at 7:48 pm #1326172
    Mike

    Hi,
    This screenshot https://imgur.com/5FuA2zT is pointing to your container max-width is 1310px which is picked at Enfold Theme Options ▸ General Layout ▸ Dimensions
    2021-10-23_002.jpg
    Try changing this to 100%

    Best regards,
    Mike

    October 23, 2021 at 9:14 pm #1326183
    Veronika

    MIKE!!

    You are great! thank you so much :)

    October 23, 2021 at 10:46 pm #1326187
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘masonry grid’ is closed to new replies.