How to make container of text on image smaller?

[vickgill]

Hello,

How do I make the container size of the text box overlayed on a image smaller?

I want to make the white "Natural Vitalitiy Hair Serum" box smaller so it doesn't block the picture.

Thanks in advance.

[Moeed]

Hey @vickgill 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[vickgill]

beautynut.com

Thanks

[Moeed · Accepted solution]

Hey @vickgill 

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>
@media screen and (min-width: 768px) {
.m-slide__content.m-richtext.m\:text-center {
    padding: 15px !important;
}
}
</style>

RESULT:

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

Best Regards,
Moeed

[vickgill]

Thanks Moeed!

[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.

[Made4uo-Ribe]

Hi @vickgill 

Would you mind sharing your store URL? Thanks!

[vickgill]

beautynut.com is my website

Thanks