How to adjust Image Banner's heading and text width on Ride Theme

[NinescapeLand]

Hi guys,

I want to adjust my Image Banner block’s heading and text width, if there can I want to make the content account for 50% of the image, such as the left and right empty 25%.

If I can get your help, I will be glad, this is my page link: https://ninescapeland.com/products/playground-equipment-for-schools-1

Best,

NinescapeLand

[Dan-From-Ryviu]

Please add this code to Custom CSS of that section

.banner__box { max-width: 95rem !important; }

[NinescapeLand]

Great! Thanks @Dan-From-Ryviu

[Rahul_dhiman]

Hello @NinescapeLand
Go to online store ----> themes ----> actions ----> edit code ---->assets ---->section-image-banner ----> line number 40
search this file.

@media only screen and (min-width: 750px) {
.banner--content-align-left.banner--desktop-transparent .banner__box,
.banner--content-align-right.banner--desktop-transparent .banner__box,
.banner--medium.banner--desktop-transparent .banner__box {
max-width: 68rem;
}
}

and replace with this file

@media only screen and (min-width: 750px) {
.banner--content-align-left.banner--desktop-transparent .banner__box,
.banner--content-align-right.banner--desktop-transparent .banner__box,
.banner--medium.banner--desktop-transparent .banner__box {
max-width: 135rem;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Dan-From-Ryviu]

Very welcome!