A user seeks to modify their Shopify product page layout and button text:
Primary Goals:
Provided Solution:
A community member offers a partial CSS fix for the text translation:
:after pseudo-elementCurrent Status:
The solution addresses only the text translation requirement. The horizontal button alignment issue remains unresolved, as the provided code doesn’t modify the layout structure. The user included comparison screenshots showing their current vertical layout versus the desired side-by-side arrangement.
How do I move the add to cart and buy button beside each other and edit “Buy it now” to “Köp nu”? Similar as Kids One Store? Please help!
My Website: https://dhkvex-ak.myshopify.com/products/widowmakers-zombie-bacon
Kids One Store: https://kidsonestore.se/products/kavat-vemdalen-vinterkanga-brown?pr_prod_strat=e5_desc&pr_rec_id=c6…
Hi @OneCap
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
font-size: 0 !important;
}
button.shopify-payment-button__button.shopify-payment-button__button--unbranded:after {
content: "Köp nu" !important;
font-size: 16px !important;
}
Result
Best,
Daisy
