I am having trouble trying to close the gap but i don’t have experience to do so. I have 2 slideshow pages and i just want to edit the 1st slideshow page. thanks
Topic summary
A user needed help reducing the spacing between headings and subheadings on their Shopify slideshow pages but lacked coding experience.
Solutions Provided:
Multiple developers offered CSS-based fixes:
- ZenoPageBuilder suggested adding custom CSS to the
base.cssfile withmargin-bottom: -16pxtargeting the banner heading element - Dan-From-Ryviu recommended updating code in a specific section with
font-sizeandline-heightadjustments - PageFly-Richard proposed inserting CSS code into
theme.liquidabove the</head>tag
Resolution:
The issue was successfully resolved. The user confirmed the solution worked, though it’s unclear which specific approach they implemented. All solutions involved adding custom CSS to adjust spacing properties for the slideshow banner elements.
Please update the code to I sent in another post to this
#shopify-section-template--15874424995933__2d7c7df7-4b26-4cab-bb1f-30c9cdbff498 #Slide-template--15874424995933__2d7c7df7-4b26-4cab-bb1f-30c9cdbff498-1 .banner__text {
font-size: 5rem;
line-height: 1;
}
1 Like
Hello @Lukii37 
In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom
#Slide-template--15874424995933__2d7c7df7-4b26-4cab-bb1f-30c9cdbff498-1 .banner__heading {
margin-bottom: -16px;
}
The result
Hope that helps!
1 Like
Hi @Lukii37
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Richard | PageFly
1 Like
Thank you, it worked
1 Like
Thank you, it worked!
1 Like
You are welcome 