Change from 3 to 4 products per row using poavilion

Has anyone any good tips on how to make it so the pavilion theme will show 4 products per row instead of 3 on normal category view ?

Has anyone any good tips on how to make it so the pavilion theme will show 4 products per row instead of 3 on normal category view ?



Greetings,

you can achieve that, by adding the following code to your Custom Head Styles section, located in your theme administration panel -> Nop-templates -> Themes -> Pavilion -> Settings:

@media (min-width: 769px) {
.item-box {
    width: 23.5%;
}
.item-box:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
}
.item-box:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
}
}

Hello
Any tips on how to do this if you want 5 in a row?

Hello
Any tips on how to do this if you want 5 in a row?

Greetings,

following the same approach, you can achieve that by changing the values of the CSS properties.