I am using the Bedford template and I would like to change the "caption overlay on hover" feature so that the overlay covers the whole image, the whole image is clickable, and I can customize the colors of text and the overlay itself. The default "caption overlay on hover" style is a small transparent gray bar that overlays the very bottom of the image.
I searched everywhere for a cohesive snippet of custom CSS code, and while there are several partial answers, I have yet to see something that covers all of my wish list. I'll keep tinkering and report back!
To change the background color use only .image-caption-wrapper in code line 39. The snippet below makes the overlay white
.image-caption-wrapper {
background: #ffffff !important;
opacity: 1 !imp
Question
HeartAndDash 0
I am using the Bedford template and I would like to change the "caption overlay on hover" feature so that the overlay covers the whole image, the whole image is clickable, and I can customize the colors of text and the overlay itself. The default "caption overlay on hover" style is a small transparent gray bar that overlays the very bottom of the image.
I searched everywhere for a cohesive snippet of custom CSS code, and while there are several partial answers, I have yet to see something that covers all of my wish list. I'll keep tinkering and report back!
Edited by HeartAndDashLink to post
Top Posters For This Question
5
2
2
2
Popular Days
Oct 17
4
Dec 15
2
Jan 9
2
Mar 26
2
Top Posters For This Question
tuanphan 5 posts
Gigie_Hall 2 posts
HeartAndDash 2 posts
Jared 2 posts
Popular Days
Oct 17 2018
4 posts
Dec 15 2020
2 posts
Jan 9 2016
2 posts
Mar 26 2020
2 posts
Popular Posts
kathleenphelps
To change the background color use only .image-caption-wrapper in code line 39. The snippet below makes the overlay white .image-caption-wrapper { background: #ffffff !important; opacity: 1 !imp
Posted Images
33 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment