Solved

Dawn Theme - How to fit wide and low in the image Banner section?

dorfke
Excursionist
34 1 3

Hi,

I'm trying something simple (in my eyes) but can't seem to get it working: I want to add a banne / image in the banner image section howvere, tha banner that I want to display is wide and low (and not square) but all images seem to get "sqaured". Is there a way to change this to accomodate for some wide and low images or are we stuck with these HERO images?

Dimensions of my banner are roughly 3X1 (so three times as wide as high)

Accepted Solutions (2)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@dorfke 

can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

#shopify-section-template--15054650966165__16317975192264b593 .grid--2-col-tablet .grid__item {
    width: 100%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@dorfke 

yes please add this code

#shopify-section-template--15054650900629__1632166851234e869c .grid--2-col-tablet .grid__item {
    width: 100%;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 14 (14)

momoluca
Shopify Partner
8 0 3

Hi send me your website i can have a quick look

KetanKumar
Shopify Partner
36839 3635 11972

@momoluca 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dorfke
Excursionist
34 1 3

Hey @KetanKumar @momoluca , here is the link, thanks

 

 

dorfke
Excursionist
34 1 3
Kinjaldavra
Shopify Partner
2302 570 1422

hello @dorfke 

do you want to look like this see screenshot https://nimb.ws/YLTePF

 

dorfke
Excursionist
34 1 3

hey, thanks, but I think I was'nt clear enough on my initital request 🙂

the banner that I want to change is the one on the bottom: between the products and the "blog posts". Now I've tried to solve it via text + image but as you can see this is not ideal. Ideally I want the banner over the full width of the page. If I use only banner image, than the image get's blown up and lefgt an right are no longer visible.

 

tx!

Kinjaldavra
Shopify Partner
2302 570 1422

hello do you like this https://nimb.ws/zLFN64

 

dorfke
Excursionist
34 1 3

Yes, this is exactly what I want

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@dorfke 

can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

#shopify-section-template--15054650966165__16317975192264b593 .grid--2-col-tablet .grid__item {
    width: 100%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dorfke
Excursionist
34 1 3

Hey @KetanKumar

I would also like to add this to the default product and collection page, what do i need to do to make this work?

KetanKumar
Shopify Partner
36839 3635 11972

@dorfke 

can you please show me issue images

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dorfke
Excursionist
34 1 3

dorfke_0-1632209121372.png

dorfke_1-1632209149933.png

 

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@dorfke 

yes please add this code

#shopify-section-template--15054650900629__1632166851234e869c .grid--2-col-tablet .grid__item {
    width: 100%;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dorfke
Excursionist
34 1 3

hi @KetanKumar 

 

apparently this is no longer working after a new update. I tried to apply the same logic to the new picture, but it's still not working, what am I doing wrong?