Hi,
I need help to move the size variant over so it’s in line with the rest of the product page text. My site is https://luxurymrkt.com/collections/bags/products/maison-margiela-5ac-medium-bag
Topic summary
A user seeks help aligning a size variant selector with other product page text on their Shopify store. The text appears misaligned or improperly positioned on the product page.
Proposed Solutions:
Three support representatives (Moeed, GemPages, and PageFly-Victor) each provided CSS-based fixes following similar approaches:
- Access the theme code via Online Store > Theme > Edit Code
- Locate specific theme files (theme.liquid or theme.css)
- Insert custom CSS code snippets at designated locations (before
</head>or</body>tags, or at the bottom of CSS files)
One solution specifically targets .variant__button-label with a margin-left: 2px !important property to adjust positioning.
Status: Multiple solutions offered but no confirmation yet on which approach resolved the alignment issue. The discussion remains open pending user feedback on implementation results.
Hey @Luxurymrkt
Follow these steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above
Hello @Luxurymrkt ,
It’s the GemPages Support Team and we are glad to assist you today!
I would like to give you the recommendation to support you so kindly follow the steps below:
- Go to Online Store > Theme > Edit code of your current theme
-
Open your theme.liquid theme file
-
Paste the below code before
Let us know how it works for you.
Best regards,
GemPages Support Team
Hi @Luxurymrkt,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
.variant__button-label{margin-left:2px !important}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
1 Like