CSS for changing slideshow title/description box?

Hello! I'm working in the Brine template. I'm trying to change the color of the text box for the title and description for images in a slideshow. The default looks like a transparent gray, but I'd like to change it to a custom color. Any tips would be appreciated.

I found the code below, but it also changes the transparency of the text as well -

.sqs-gallery-block-slideshow .meta .meta-inside {
 background: #e76120;
 opacity: 0.2;
}

Can you share site url?

Hi Tuan. I just sent you the info

Hi @rod

Skip opacity and replace the background with:

background-color: rgba(231, 97, 32, 0.2)

@MagneM And that did it! You're a life saver thank you so much!

@MagneM, can you help with code for removing the background banner color completely? I need it to be transparent on the image while the caption text still shows up

On 1/7/2020 at 7:04 PM, paisandhaze said:

@MagneM, can you help with code for removing the background banner color completely? I need it to be transparent on the image while the caption text still shows up

Hi @paisandhaze

You can do this in Site Styles. Watch the video, or scroll down to Step 4:
https://support.squarespace.com/hc/en-us/articles/205815278-Changing-colors

HI there

I'm trying to do the same as asked above. I cannot seem to get rid of the background banner colour all together. It remains a grey box.

The template I am using is Rally.

If anyone could help me, that would be great.

16 minutes ago, BlackWidow said:

HI there

I'm trying to do the same as asked above. I cannot seem to get rid of the background banner colour all together. It remains a grey box.

The template I am using is Rally.

If anyone could help me, that would be great.

 

Can you share link to your site?

Hi Tuanphan

Thanks for your help:

https://cameronconvey.squarespace.com

5 hours ago, BlackWidow said:

Hi Tuanphan

Thanks for your help:

https://cameronconvey.squarespace.com

password: CConvey2020!

Add to Home > Design > Custom CSS

.sqs-gallery-block-slideshow .meta {background-color: red !important;}