How do I decrease the width / height of a text box on just one slideshow slide and not the others

[lukafernada]

This is the size difference on the slide I want to change:

It is on the home page of the website.

[BSSCommerce-HDL]

Hi @lukafernada, 

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.slideshow__text.banner__box.content-container.content-container--full-width-mobile {
    padding: 25px 0 !important;
    min-width: 30rem !important;
}
</style>

Here is result: 

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 😍

[Dan-From-Ryviu · Accepted solution]

Hi @lukafernada 

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

@media (min-width: 750px) {
#Slide-template--20584607220061__5a90b9b4-ada0-472e-93a0-a9e4e6fcd0b8-1 .banner__box {
min-width: 39rem;
}
}