Hi guys, how i can fix this thing? Turbo Theme. Thanks.
Topic summary
A user encountered a display issue with the Buy Now button in the Turbo theme on their Shopify store. The button appears misaligned or improperly formatted.
Proposed Solutions:
-
CSS Fix: Add specific CSS code to the end of the
styles.cssfile to hide certain payment button elements usingdisplay: none !important -
Theme Code Edit: Modify the
theme.liquidfile by adding markup code above the</head>tag to correct button alignment
Both solutions involve editing theme files through the Online Store > Themes > Edit code > Layout section. The issue appears to stem from conflicting code affecting the Shopify payment button’s display properties. Screenshots were shared showing the visual bug and diagnostic information from the theme code.
1 Like
@Vegoo - can you please share the website link?
@Vegoo - add this css to the very end of your styles.css file and check
.shopify-payment-button .shopify-cleanslate{display: none !important;}
Hello @Vegoo
It’s GemPages support team and glad to support you today.
Payment button does not algin because this code
Please check out my suggestion below:
-
Go to Online Store → Theme → Edit code → Layout
-
Open file theme.liquid then add this code to above the tag
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team