A user working with Shopify’s Sense theme needed to adjust the width of the slideshow text container that holds the heading, subheading, and button elements. They wanted to reduce the container width to eliminate excess space.
Solution provided:
base.css file.banner__box with min-width: 30% for screens wider than 767px.slideshow__text and children to max-width: 100%Outcome:
The CSS solution successfully resolved the issue, allowing the user to control the text container dimensions as desired.
I’m working with the Sense theme and have a slideshow. I can’t figure out how to adjust the width of the text container that holds the heading, subheading, and button. In the image below, I’ve highlighted in red the area of the container that I want to eliminate by reducing the width of the container.
Does anyone have any ideas on how I would do this? Thanks you.
Share Website Link
mise.market
pwd: shopifyhelp
Add This Css In your edit code > base.css File
@media screen and (min-width:767px) {
.banner__box {
min-width: 30rem !important;
padding-right: 0 !important;
}
.slideshow__text>* {
max-width: 100% !important;
}
}
This solution worked perfectly. Thank you!