How can i make my caption background transparent on the slideshow?

Store Design
1

I would like to edit the caption background so it’s transparent and not so bold.

I have tried to add different code in the theme.css file but nothing works.

How can I amend it for desktop and mobile?

2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

hii, @dbln
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

4

hii, @dbln
Paste this code on top of the theme-index.min.css file.

.slider-block--image--slideshow-0 .slider-caption.background {
    background: transparent !important;
}

Thank You.

5

Hi, i added the code but it doesn’t seem to have changed anything

6

I don’t know which file contains this CSS but you can just find it using the Find feature in-browser code editor: All you need to do is change the following code:

.slider-block--image--slideshow-0 .slider-caption.background {
    background-color: #ffffff!important;
    color: #000000 !important;
}

change the background-color value to transparent from #ffffff so it will look like following

.slider-block--image--slideshow-0 .slider-caption.background {
    background-color: transparent !important;
    color: #000000 !important;
}

try finding the above code in the following files:

theme, style.css, index