Close

Change featured categories on homepage from 2 columns to 3

licensing@tgiltd.com
3 years ago
#10094 Quote
Avatar
  • 37
What is the correct CSS to change the featured categories on the homepage from 2 columns to 3 and still work properly in responsive?

Thanks!
nikola.dragiev
3 years ago
#10100 Quote
Avatar
  • Moderator
  • 148
Hello,

This can be achieved easily. Just add this css code to your Custom Head Styles textfield(it is located in your nopCommerce Administration -> Plugins -> Nop Alfresco Theme -> Settings):

.home-page-category-grid .item-box {
    width: 280px;
}
.home-page-category-grid .item-box:nth-child(2n+1) {
  margin-left: 20px;
}
.home-page-category-grid .item-box:nth-child(3n+1) {
  margin-left: 0;
}
.home-page-category-grid .picture {
    width: 280px;
    height: 190px;
}
Best regards,
Nikola Dragiev
Nop-Templates.com