Woocommerce problem (possibly a different plugin) SOLVED

I will try to explain this problem the best as I can, sorry if this turns out to be a plugin issue.
I don’t know where the problem resides, I have already contacted the support for a plugin called “Fancy Product Designer” (hereafter FPD) they assured me the problem is not at their end and that it is a theme issue. Therefore I renewed my Enfold support in hopes of sorting this little problem out.

I am running FPD on the Enfold theme with woocommerce. I have made some quick css changes to Enfold that allows me to remove the “show details” button in the product catalog and have only”add to cart” visible.

The css is as following:

#top .avia_cart_buttons .show_details_button {
display: none !important;
}
#top .avia_cart_buttons .add_to_cart_button {
width: 100% !important;
}

#top .avia_cart_buttons .button-mini-delimiter {
display: none !important;
}

That works for every product except the ones that are using FPD

The provided url will take you to the front page, if you scroll down a little you will see “vinsælar vörur” below there are a couple of products visible, you can see the ones that are not a FPD product have the add to cart button centered, the FPD products “add to cart (setja í körfu)” is alligned to the left.

FPD Support suggested I should add the following code via quick css:
fpd-catalog-customize{margin: 0 auto;}
#top .avia_cart_buttons .button{
float: unset !important;
}

that did not work, I then gave their support agent an admin user to the site. He checked it out and replied:
Sorry about the late reply. The CSS I’ve sent basically works. The problem only comes up once the products are switched – which I guess is done through your theme via js somehow? Not really anything we can do about that at, sorry. You could try your themes support.

So I’m here now, knocking on your door.
Have a good weekend
-Svavar

• This topic was modified 5 years, 10 months ago by SvavarJakobsson. Reason: solved it myself