How can I add a transparent rectangle to my slideshow photos on Yuva Theme?

Shopify Discussion
1

I want to add a slightly transparent white rectangle that covers the text in all my slideshow photos like the one in the photo. How can i do this? Theme code?

I am using the Yuva Theme

here is my store link

Buccia di Mela (a6f643.myshopify.com)

Screenshot (933).png
Screenshot (933).png1436×816 168 KB

Screenshot (934).png
Screenshot (934).png1686×732 206 KB

2

Hi,
Can you share the password to enter your store?
This problem is very simple, I can help you
Thank you!

3

Hello @DanSal8

Try adding below code to the bottom of “banner.liquid” section file
4

@DanSal8 Please follow below steps to display background color of the text container in banner and let me know whether it is helpful for you.

  1. From admin, go to “Online Store” → “Themes”.

  2. Click “Customize” button from the current theme.

  3. Select the slideshow section and paste below code in the “Custom CSS” field like below attached image.

.yv-banner-container .yv-banner-content {
    background-color: #f5f4f2b0 !important;
    margin: 30px;
    padding: 30px;
    text-align: center;
}

priyavinsinfo_1-1710166166219.png
priyavinsinfo_1-1710166166219.png300×572 18 KB

  1. Save.

Now, the slides content background will display like below attached image.

priyavinsinfo_0-1710165981184.png
priyavinsinfo_0-1710165981184.png1366×505 65.1 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

5

It worked, thank you so much