Please post the url to relevant page.
Hi, I have 4 columns of products but 2 and 3 are missing so I really so have:
http://www.shopamongous.com/jewelry/product-category/gemstone-rings/
For commercial themes you should report problems to the vendor so they can fix it. Meanwhile try this temporary fix in your custom css:
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products li.product:nth-child(2n),
.woocommerce-page ul.products li.product:nth-child(2n)
{float:left; clear:none; height:320px}
If your theme does not have the facility to enter custom css, you can use a plugin like this one:
https://ww.wp.xz.cn/plugins/simple-custom-css/
I added the code and that did not help. I spoke with the vendor and they said it is not the theme. What to do?
I can’t find the code in your css, did you take it out? If you can put it back I can diagnose what went wrong.
Yes, I took it out, but I just added it again.
Its not in the css for the page. Where did you put it?
Try using this plugin:
https://ww.wp.xz.cn/plugins/simple-custom-css/
The css code goes at Admin page > Appearance > Custom CSS.
I added it to the custom css of the Theme. It’s at the bottom with this other css:
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
font-size:0.8em;
font-weight:bold;
}
#leFooter-inner .widgettitle {
display:none;
font-size:18px;
margin-bottom:15px;
}
lefooter.css (line 56)
*
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width:19.6%;
}
.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product {
width:20.8%;
}
woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
-webkit-box-shadow:rgba(0, 0, 0, 0.298039) 0 0 0 0;}
.woocommerce-page ul.products li a.button {
background-color:#595350 !important;
border-radius:8px;
color:#FFFFFF;
margin-left:20%;
}
.woocommerce-page ul.products li a.button {
background-color:#c3c3c3 !important;
border-radius:8px;
color:#FFFFFF;
margin-left:20%;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products li.product:nth-child(2n),
.woocommerce-page ul.products li.product:nth-child(2n)
{float:left; clear:none; height:320px}
This css is not being loaded into the page. Either this stylesheet is not being loaded into the page or, more likely, it looks like you have a plugin or theme feature which is minifying and caching the css. The cached minified file needs to be cleared and the minify file needs to be remade. If you can find the settings for the minify plugin there is probably an option there to clear the cache.
I cleared the cache and still no fix. What can I do?
The css is still not in the page, but maybe I found out why. Going back to the css you posted, look for and delete these two lines:
lefooter.css (line 56)
*
these lines are not valid css and they cause everything after to be ignored.
When you make a change to your theme custom css, copy and paste it all in to this checking service and validate until it comes up “No error found”:
http://jigsaw.w3.org/css-validator/#validate_by_input
