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

GudFur
Visitor
2 0 0

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!

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
7011 1325 1352

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 or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

GudFur
Visitor
2 0 0

Hi Dan  

 

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

GudFur_0-1704719888523.png

 

Dan-From-Ryviu
Shopify Partner
7011 1325 1352

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 or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now