Code to make some space either side of banner on dawn template

Store Design
1

Hi,

Our store is on the Dawn template, and I was looking to make a slight amendment to the banner and was hoping someone may be able to provide the code to help.

JULIA JENTZSCH Official Website & Online Store – Julia Jentzsch

This is the store, what we’d like to do is create some space either side of the banner which currently runs the whole width of the site. Would be very grateful for any assistance.

Many Thanks

Catherine

2

@CatherineEJJ add below css into base.css file

.banner--adapt {
    height: auto;
    width: 85%;
    margin: 0 auto;
}

Ujjaval_0-1681211318196.png
Ujjaval_0-1681211318196.png1588×780 108 KB

3

Hi @CatherineEJJ

Greetings from the Store Watchers Support Team! Happy to help you today. please go to

Online Store ->Theme ->Edit code → Assets ->base.css

add the following code at the end of the file

.spaced-section--full-width:first-child{
margin: 0 20px;
}

You can change the 20px value as per your need.

After applying the code it will look like this

StoreWatchers_0-1681212760057.png
StoreWatchers_0-1681212760057.png1365×617 147 KB

Hope this will help you, Let me know if need any help !

4

Hi @CatherineEJJ

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.banner–adapt {width: 91% !important;}

Regards,

San

5

Hi @CatherineEJJ

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.spaced-section--full-width:first-child{
margin: 0 20px !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly