Photo Banner in Collection Page in Ella Theme

Solved

Photo Banner in Collection Page in Ella Theme

Zeulove
Visitor
3 0 0

Hello all!

I'm using Ella Theme (the recent update 6.6.2). I'm having serious problems with the photo banner in the collection page. I've selected a 1170 width for the section. Also my image is 1170 width, but the image keeps showing always cropped on the sides. I've tried everything, but it keeps coming cropped. Any help on this? swim.pngScreenshot 2024-07-20 at 18.58.28.png

Thank you so much!

Accepted Solution (1)
EBOOST
Shopify Partner
1330 335 403

This is an accepted solution.

Hi @Zeulove ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Assets/base.css
3. Add code below to end of file

body .collection-banner .image {
  padding: 0!important;
}
body .collection-banner .image img {
  position: static!important;
}

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free. Github.com/eboost10
- ❤❤DONATE ❤❤Coffee tips

View solution in original post

Replies 4 (4)

EBOOST
Shopify Partner
1330 335 403

Hi @Zeulove ,

Could you share your store URL? I will help to check it.

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free. Github.com/eboost10
- ❤❤DONATE ❤❤Coffee tips
EBOOST
Shopify Partner
1330 335 403

This is an accepted solution.

Hi @Zeulove ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Assets/base.css
3. Add code below to end of file

body .collection-banner .image {
  padding: 0!important;
}
body .collection-banner .image img {
  position: static!important;
}

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free. Github.com/eboost10
- ❤❤DONATE ❤❤Coffee tips
Zeulove
Visitor
3 0 0

It worked perfectly! Thank you so much!