Placement QT selector & add to cart

Hi,

I changed the placement of my QT selector to be next to the add to cart button. Which works fine.

However I just discovered that there are some issues with only the giftcard products since it offers the customer to send as a gift and the placement of this function is now interfering with the QT selector and add to cart button.

I have tried inserting the attached code in theme.liquid but it also changes the placement on all the other products and then I end up having the problem solved on the giftcard product but having the initial product on all other products instead.

Maybe it is not the QT selector and add to cart button there is the problem but instead the little unique check-field “I want to send this as a gift” that effects the placement on only this product. Is it easier to remove the placement og the check-field instead? :slightly_smiling_face:

Any ideas on how to fix this?

Thank you! :slightly_smiling_face:

www.linierelingerie.com

Password - xef84eju (the site is currently password protected)

This is how all other products look and what i want it too look under the giftcard.

This is how the giftcard looks.

Hi @Maiselnielsen move the CSS into a custom-css setting for those product templates

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

Then give the gift cards an alternate template WITHOUT that custom-css

https://help.shopify.com/en/manual/online-store/themes/os20/theme-structure/templates#create-a-new-template

Note that the CSS you’ve presented in a screenshot is a slapdash band-aid using absolute positioning so it’s likely there are other unforeseen and unfound issues.