Thanks.
Topic summary
Main issue: Move the call-to-action button on the image banner to a specific position in a Shopify theme.
Key updates:
- It was suggested to use custom CSS to reposition the button. The store URL was shared to enable targeted guidance.
- A step-by-step fix was provided: go to Online Store → Theme → Edit code, open theme.liquid, and paste a CSS snippet before the tag.
Technical details:
- The CSS targets .content-box–absolute and sets position: absolute with top: 84% and left: 42%, using !important to override existing theme rules. This places the button at the specified percentage coordinates over the banner image.
- Absolute positioning positions the element relative to its nearest positioned ancestor, allowing precise placement via percentage offsets.
Outcome:
- Two screenshots were shared to show the button’s new placement, indicating the method works as intended.
Status:
- A concrete solution and visuals were provided. No explicit confirmation from the original poster, but the issue appears addressed with actionable steps.
@Vizono - custom css can be used
Hello @Vizono
Can you share store URL?
Hello @Vizono
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
Result
1 Like