Changing The Gaps Between Banners, Video and Copy (Dawn Theme)

GudFur · ‎01-08-2024

Hi,

I'm using the Dawn theme and would like to reduce the gap between my copy and images on my pages. I would also like my copy to run the full width of the page. When viewing it on mobile it looks odd.

Do I need to add customs CSS, or does anyone know how this can be changed in the theme?

This is the website address www.gudfur.com

Thanks!

Dan-From-Ryviu · ‎01-08-2024

Hi @GudFur

Open Online store > Themes > Edit code > open theme.liquid file, add this code below after <head> element

<style>
@media (max-width: 749px) {
#shopify-section-template--16166816350380__16324664992cb14984 #Banner-template--16166816350380__16324664992cb14984 {
max-height: 20vh;
}
#shopify-section-template--16166816350380__ed47a2a6-3368-44d6-9ab2-eebfa8802517 .video-section.page-width {
margin-top: 3rem;
margin-bottom: 3rem;
}

}
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

GudFur · ‎01-08-2024

Hi Dan

I added the suggested code to the theme, however I still see the gaps?

Dan-From-Ryviu · ‎01-08-2024

Please update the code to this. Make sure you save file and reload your page to check

<style>
@media (max-width: 749px) {
#shopify-section-template--16166816350380__16324664992cb14984 #Banner-template--16166816350380__16324664992cb14984 {
max-height: 33vh;
}
#shopify-section-template--16166816350380__ed47a2a6-3368-44d6-9ab2-eebfa8802517 .video-section.page-width {
margin-top: 3rem;
margin-bottom: 3rem;
}
}
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Changing The Gaps Between Banners, Video and Copy (Dawn Theme)

Changing The Gaps Between Banners, Video and Copy (Dawn Theme)

Community Blog Articles