-
Posts
-
Website URL: https://engravable.us/product/we-are-family-photo-frame/
Hello! The product addons plugin doesn’t appear properly on my website here is the product page before adding the product addon
https://www.dropbox.com/s/q2nme06m5dqx27z/Screen%20Shot%202020-03-18%20at%2012.38.34%20PM.png?dl=0 and
here is the product page after adding the product addon.
https://www.dropbox.com/s/kwl6q8u5k9y0bs6/Screen%20Shot%202020-03-18%20at%2012.41.14%20PM.png?dl=0
I submitted the above to woocommerce support as they created the add on and received this back from them
Thank you :) I am seeing this now – what I believe is that there is a div set in the screen that is ‘cut’ whenever something is added to it, as seen here: https://d.pr/i/d45m5G
To fix this, it is best to reach out to the theme developers as it does appear to be something theme specific to the theme.
– using Storefront on my test site with product addons has a different look: https://d.pr/i/rgal2B
If there is anything else please let me know. This also is best to reach out to the theme developer as they will be able to build a template and save it, so that any updates to Product Addons, WooCommerce, or the theme do not remove the changes.
Hi KeyshaunSmith,
In your Quick CSS, please remove this CSS code:
#top.single-product form.cart { display: flex; float: none; align-items: center; justify-content: center; }Let us know if this helps.
Best regards,
NikkoHello!
That fixes the problem, however now the “Add to suitcase” button is left aligned and no longer center.
Hi KeyshaunSmith,
Please try adding this CSS code as well:
#top.single-product form.cart .quantity { width: 100%; margin-bottom: 24px; } #top form.cart .button { display: block; margin-left: auto; margin-right: auto; float: none; }Best regards,
NikkoThat worked! I added some padding to the bottom of the quantity b/c it was right on top of the add to suitcase button. Thanks!
- You must be logged in to reply to this topic.