A user is trying to reposition a “Shop Now” button on their Shopify slideshow. The button currently appears at the bottom of the page, but they want it directly beneath the slideshow text.
Proposed Solutions:
Two support representatives from PageFly and GemPages offered CSS-based fixes:
base.css file targeting .banner__content with padding-left: 0 and margin-left: 0 propertiestheme.liquid file before the </body> tagThe user reported that the initial solution did not work. PageFly-Victor then provided an updated CSS snippet targeting .slideshow__text-wrapper.banner__content with similar padding/margin adjustments.
Status: The issue remains unresolved as the conversation ends without confirmation of success.
I’m having trouble aligning the shop now button on my slideshow.
I would like it directly under the text as seen in the screenshot below where the yellow box is
However on my website it appears at the bottom for some reason.
aurathefragrance Is my website and the password i daonag
Hi @AURA20223
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
.banner__content {
padding-left: 0 !important;
margin-left: 0 !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
Hello @AURA20223 ,
You can follow these steps:
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
This doesnt work
You can try again with this code:
.slideshow__text-wrapper.banner__content.banner__content–bottom-left.page-width.banner–desktop-transparent {
padding-left: 0 !important;
margin-left: 0 !important;
}