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
69 25 6

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
Astronaut
840 177 158

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.