Hello,
Is someone able to give me the code to shift my image banner text up slightly? Say 20Px? The heading, text and button!
Thank you very much.
Ella.
Topic summary
A Shopify store owner needs to move image banner content (heading, text, and button) up by approximately 20px on their site.
Proposed Solutions:
-
devcoders suggested adding CSS to
base.csstargeting.banner--desktop-transparent .banner__boxwith adjusted padding, but this didn’t resolve the issue. -
Dan-From-Ryviu recommended adding custom CSS directly to the banner section in the theme customizer:
@media (min-width: 750px) {
.banner__content { margin-bottom: 20px; }
}
- Mustafa_Ali provided an alternative approach involving placing code in
theme.liquidbefore the</body>tag, though the specific CSS wasn’t fully visible.
Status: The discussion remains open with multiple CSS solutions offered but no confirmed resolution yet. The solutions focus on desktop viewport adjustments using media queries.
2 Likes
Do you mean move banner content up or increase font size?
1 Like
Hello @ellacoker
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
@media screen and (min-width: 750px){
.banner--desktop-transparent .banner__box {
padding: 10rem 0;
}
}
hi Dan, I mean move the content up
Hello, this didnt seem to work..
Please add this code to Custom CSS of that section in Sale channels > Online Store > Themes > Customize
@media (min-width: 750px) {
.banner__content { margin-bottom: 20px; }
}
1 Like
