Please can someone give me the code to make this image smaller on desktop

Please can someone give me the code to make this image smaller on desktop

Finn4
Explorer
127 0 15

Refresh theme

https://huggercomfort.com/products/hot-hugger-wearable-hot-water-bottle

 

Please can someone give me the code to make this "As Seen In" image smaller on desktop so it is a wide as the "more benefits" above it. Please do not re size it on mobile it is a good size on there. Thank You! Screenshot 2024-02-22 at 08.51.57.png

Replies 2 (2)

xtrend
Explorer
70 25 8

go to your store > theme > customize > theme settings > custom css or theme base.css 

@media (min-width:768px) {

#Banner-template--16912016048384__image_banner_ypUtb8 {

width: 50% !important;

margin: 0 auto !important;

}

}

you can adjust the width according to your need i just used width 50% for me

PageFly-Oliver
Shopify Partner
878 190 185

Hi @Finn4 ,

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
#Banner-template--16912016048384__image_banner_ypUtb8 .banner__media media{
transform: scale(0.7);
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.