Return to previous page

Archives Layout – custom Masonry odd and even rows

This topic has 2 replies, 2 voices, and was last updated 3 months, 2 weeks ago ago by Luca Rossi

Teya Bozhilova

Participant

August 31, 2024 at 19:27

How to achieve a a look for the categories where odd rows are 3 posts, even rows are 4 posts.

The first post from the odd number rows are larger, like the Screenshot

Please, contact administrator
for this information.

#412528 Copied

1 Answer
Luca Rossi

Support staff

September 2, 2024 at 05:12
Dear @Teya Bozhilova,

Thank you for reaching out to us.

We would like to inform you that the customization you are requesting involves extensive coding and unfortunately falls outside the scope of our standard support services.

However, we encourage you to experiment with the following custom CSS code to adjust the width of specific elements (such as the 1st, 4th, 5th, etc.):
```
.et_blog-ajax article.blog-post:nth-child(6n+1) {
    width: 40%;
}
```
Additionally, you may find this tool useful for identifying which elements you wish to modify: [CSS Tricks nth-child Tester](https://css-tricks.com/examples/nth-child-tester/).

Thank you for your understanding.

Best Regards,
The 8Theme Team
#412623 Copied
Tagged: advanced woocommerce themes, custom archives layout, ecommerce website templates, masonry odd even rows, responsive web design, woocommerce wordpress themes, wordpress custom layouts
Viewing 2 results - 1 through 2 (of 2 total)