Change width of text box in the banner.

[MyScienceBoard]

I need some help to decrease the width so I can see more of the banner image.  

I've been getting the hang of editing in the code but I can't seem to find the size attributes for this text box.

myscienceboard.com

Thank you in advance!

[Moeed]

Hey @MyScienceBoard 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.banner__text.rte.subtitle {
    width: 70% !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[MyScienceBoard]

Hi Moeed,

Wow, that was a fast response.  I see your solution decreases the width of the text, but I'd like to decrease the width of the text box too.  

Thank you for the assistance.

[Moeed · Accepted solution]

Hey @MyScienceBoard 

Remove the previous code and add this new code above </body> in the end of theme.liquid file

<style>
@media screen and (min-width: 768px) {
.banner__box.content-container.content-container--full-width-mobile.color-scheme-2.gradient {
    width: 55% !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[MyScienceBoard]

Awesome!  Worked great!!  Thanks so much!!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.