Hello! Does anyone know how I can more my banner text position in web and mobile? I’ve tried searching it up and have found nothing. ill attach a image and website, etrnlclo.com
I am using “Reformation” theme.
Thanks in advance!
Topic summary
A user seeks help repositioning banner text in the Reformation theme for both web and mobile versions of their Shopify store (etrnlclo.com).
Solution Provided:
- Add CSS code to the
app.cssorbase.cssfile via Online Store → Theme → Edit code - Insert
.slideshow__slide-content { padding-bottom: 500px !important; }at the bottom of the file - This adjusts the vertical positioning of the banner text
Additional Request:
- User also wanted to reduce collection banner text size
- Solution: Add
.collection-banner--title h1 { font-size: 30px !important; }to the CSS file
Status: Both issues successfully resolved. The user confirmed the solutions worked as intended.
Hi @Etrnlclo
This is Henry 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 app.css
Step 3: Paste the below code at bottom of the file → Save
.slideshow__slide-content {
padding-bottom: 500px !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Hello Henry! Somehow my theme doesn’t have a base.css. Is there a alternative to this?
1 Like
Please try on the file app.css
Thank you this solved my issue!
I do have one more!
I want to change the text size of my collection banner. Its to big
1 Like
You can try with this code:
h1.collection-banner–title {
font-size: 30px !important;
}
Perfect, thank you very much!
1 Like
You are welcome @Etrnlclo 