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

127 0 15

Refresh theme


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)

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

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


#Banner-template--16912016048384__image_banner_ypUtb8 .banner__media media{
transform: scale(0.7);



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.