Custom Css - Changing the background on titles in image gallery Montauk template 7.0

Site URL: http://lindajacobson.net/

Hi, 

I'm trying to change the background color of the caption on the hover state of gallery images. 

Does anyone have any ideas?

template is Montauk on 7.0

2 hours ago, brittco said:

Site URL: http://lindajacobson.net/

Hi, 

I'm trying to change the background color of the caption on the hover state of gallery images. 

Does anyone have any ideas?

template is Montauk on 7.0

You mean this caption? What is color to change

On 6/2/2021 at 6:29 AM, brittco said:

Site URL: http://lindajacobson.net/

Hi, 

I'm trying to change the background color of the caption on the hover state of gallery images. 

Does anyone have any ideas?

template is Montauk on 7.0

Do you need fix these?

Site URL: https://www.lindajacobson.net/

1. (Header) Reduce white space on top of header?

2. (Tablet-Press Media) Make nav items on one line + Increase page content width?

On 6/1/2021 at 7:04 PM, bangank36 said:

You mean this caption? What is color to change

No I mean the Lightbox. I want the black bar that comes up on hover to be white

10 hours ago, brittco said:

No I mean the Lightbox. I want the black bar that comes up on hover to be white

 

 

Add to Design > Custom CSS

/* Lightbox */
.yui3-lightbox2 .sqs-lightbox-meta {
    background-color: white !important;
}

.yui3-lightbox2 .sqs-lightbox-meta * {
    color: black !important;
}

Thank you so much. One last question! 

How do i change the opacity of the new white background on the hover?

On 6/23/2021 at 6:57 AM, brittco said:

Thank you so much. One last question! 

How do i change the opacity of the new white background on the hover?

Use new code

/* Lightbox */
.yui3-lightbox2 .sqs-lightbox-meta {
    background-color: rgba(255,255,255,0.5) !important;
}

.yui3-lightbox2 .sqs-lightbox-meta * {
    color: black !important;
}

12 hours ago, tuanphan said:

Use new code

/* Lightbox */
.yui3-lightbox2 .sqs-lightbox-meta {
    background-color: rgba(255,255,255,0.5) !important;
}

.yui3-lightbox2 .sqs-lightbox-meta * {
    color: black !important;
}

 

Amazing! Thank you!