Joomla Templates Club 406,261 posts

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#199265

Hi there,

I was wondering how I could get the latest products module to show 4 products per row? The problem I have when changing the code is that it also changes my “featured products” module which is located below the welcome message. See screenshot below,

---

Attachments:

1. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#540602

Hi,

There’re some problems with your CSS rules in custom.css file, please look for this line:

.box-product > div {
border: 1px solid #eee
display: inline-block;
margin-bottom: 10px;
margin-right: 5px;
max-height: 350px;
padding: 15px;
vertical-align: top;
width: 32% !important;
}

then change to:

#content_oc .box-product > div {
border: 1px solid #eee
display: inline-block;
margin-bottom: 10px;
margin-right: 5px;
max-height: 350px;
padding: 15px;
vertical-align: top;
width: 32% !important;
}

Next, go to this line:

.product-grid.row-3 > div, .ja-product-grid > div {
border: 1px solid #eee
float: left;
margin-bottom: 10px;
margin-right: 10px !important;
max-width: 280px;
min-height: 332px;
min-width: 180px;
padding-top: 15px;
width: 31.8%;
}

then update as follows:

.ja-product-grid > div {
border: 1px solid #eee
float: left;
margin-bottom: 10px;
max-width: 280px;
min-height: 332px;
min-width: 180px;
padding-top: 15px;
}
.latestproduct > div {
margin-right: 1%;
width: 24% !important;
}

1 user says Thank You to Adam M for this useful post

1. pramodsahu

[Author]

Posts