Hi everyone,
I want to move my banner text/content of the desktop version to the top, about 10% from the top.
Could someone help me with this?
It is the Prestige theme
Thank you in advance!
Topic summary
A user seeks help repositioning banner text on their Prestige theme homepage from center to approximately 10% from the top on desktop view.
Current Issue:
- Banner content currently displays in the middle of the page
- User wants text moved higher, closer to the top
- Site uses Prestige theme on Shopify
Proposed Solutions:
Two community members offered CSS code snippets to add to theme.css:
- Media query targeting slideshow content with
top: 5rempositioning - Simpler approach using
.slideshow__slide-content { top: 20%; }
One solution included a screenshot showing the expected result.
Status:
The discussion remains unresolved - the user reported that the provided code “does not seem to move” the banner text as intended. No follow-up troubleshooting or alternative solutions have been offered yet.
Hello @Chrystel078 , there is not text above button? how can i suggest you custom code?
Yes that would be it. Could you share the code please?
Hello @Chrystel078
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.
@media screen and (min-width: 1000px) {
.slideshow__slide-content.place-self-start-center.text-center.sm\:place-self-start-center.sm\:text-center {
top: 5rem !important;
}
.prose:not(.prose--tight) :where(:not(meta,span)+*) {
margin-block-start: 0.5rem !important;
}
.prose:not(.prose--tight) :is(.button,.button-group:has(.button)) {
margin-block-start: 1rem !imporetant;
}
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
add this code in theme.css
.slideshow__slide-content {
top: 20%;
}
It does not seem to move
It does not seem to move