How to add a text box background to image banner on homepage?

Store Design
1

My site isn’t launched yet but I am trying to add a text box background to image header banner. On the slide show at the top I have it done - but how do I replicate this on the banner as I want this to replace the slideshow on my homepage.

Screenshot 2020-10-14 at 12.31.42.png
Screenshot 2020-10-14 at 12.31.42.png1420×553 886 KB

Screenshot 2020-10-14 at 12.35.10.png
Screenshot 2020-10-14 at 12.35.10.png1438×546 936 KB

2

Hi,

Can you share the store URL ?

3

Yes here is the temporary link : https://dunnes-the-premier-house.myshopify.com/

4

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme-styles.scss.liquid

.banner-content.inner.abs_center {
    text-align: center;
    padding: 25px 25px 30px;
    background-color: rgba(33,31,31,0.83);
    display: inline-block;
}
5

That worked a treat! Thanks so much for the speedy response! Much appreciated.