Decrease max width banner image on productpage (2 images)

Decrease max width banner image on productpage (2 images)

AlecH
Visitor
3 0 0

Does anyone perhaps know how to resize my banner image (with 2 images) on my product page on desktop so that it aligns with the image with text above it?

 

https://www.car-essentials.nl/products/draadloze-led-verlichting-auto-interieur

 

It's about the third section below the image with text

Replies 2 (2)

BSSCommerce-HDL
Shopify Partner
2305 833 906

Hi @AlecH 

You can try this code by following these steps:

1. Go to Shopify Admin -> Online Store ->Theme -> Edit code

2. Chose file base.css, insert this code then save: 

.banner .banner__media-half img {
 object-fit: fill;
}


Here is result: 
image.png

 

Hope this can help you.

Kind regards

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

AlecH
Visitor
3 0 0

Hi! Thanks for your response! However, now it still doesn't display quite right on a large screen, as you can see from the image. I actually want the images on the side to align with the image with text section above it. Is this possible?

 

 

Scherm­afbeelding 2024-05-10 om 10.15.57.png