Refresh theme - Slideshow Picture to big

Ceptors
Visitor
3 0 0

Hello,

 

Very new too Shopify. Looking to make the pictures on slideshow desktop view much smaller. The pictures on cell phone is perfect but on a desktop they are huge. Any help would be appreciated. 

Replies 4 (4)

BSSCommerce-HDL
Shopify Expert
733 244 255

Hi @CeptorsCan you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Ceptors
Visitor
3 0 0
BSSCommerce-HDL
Shopify Expert
733 244 255

Hi @Ceptors

You can try this code by following these steps:

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

BSSTechVenture_0-1715950151572.png

 

Step 2: Search file base.css,  theme.css or styles.css 

BSSTechVenture_1-1715950157505.png

 

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

@media only screen and (min-width: 750px) {
.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder) {
    height: 600px !important;
}

.slideshow__media banner__media.media::before {
   padding-bottom: 0 !important;
}

}

Here is result: 

BSSTechVenture_2-1715950207712.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you😍😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Ceptors
Visitor
3 0 0

Hello,

 

Thank you but the picture stays to big. How do reduce the image?