Center Row

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

This is what i get..

https://drive.google.com/file/d/1gqkG0L-EKPhyqF7-8OCR8xBHIBGfFisX/view?usp=drive_web

Can you try once more ?

https://greekroots.shop/product/greek-meandros-14k-gold-necklace/

The site came online recently due to a server transfer..

Yep, looks great now.
Let me check that div for you..

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 6 years, 7 months ago by creature.

bump

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'); 
});