Plugin Contributor
Vagelis
(@eboxnet)
Hello there. I checked the link you sent but the page is broken (minification errors). Anyway you can position the products using CSS, the plugin offers classes to do so.
I can help you more if you like once you solve the minification errors.
Thanks.
Using developer tools i don’t see any errors ? Can you elaborate more ?
Also what CSS classes should i use that are in the plugin to center it ?
Thanks
Plugin Contributor
Vagelis
(@eboxnet)
Can you try once more ?
https://greekroots.shop/product/greek-meandros-14k-gold-necklace/
The site came online recently due to a server transfer..
Plugin Contributor
Vagelis
(@eboxnet)
Yep, looks great now.
Let me check that div for you..
Plugin Contributor
Vagelis
(@eboxnet)
Ok the easiest way to fix this is by using JS
jQuery(document).ready(function(){
jQuery('.woo-related-products-container').addClass('container');
});
if you don’t want to use JS you can simply add .woo-related-products-container to your .container rules (don’t forget media queries)
Thanks, seems to be working !
Edit: If you take a look at this product with 4 related products, still kinda not centered, any ideas with that ?
https://greekroots.shop/product/cross-pendant-3/
-
This reply was modified 7 years, 10 months ago by
creature.
Plugin Contributor
Vagelis
(@eboxnet)
I see there is a 5columns class on the UL, I am guessing that you need 4 related products is that correct?
Try this one
jQuery(document).ready(function(){
jQuery('.woo-related-products-container').addClass('container');
jQuery('.woo-related-products-container ul').removeClass('shop-5column').addClass('shop-4column');
});
