2. Soledad Theme already has a template with content overlay. Please go to Appearance → Customize → Single Posts → General, try to use Style 5/6/8 on Single Posts Template.
for the second one I would like to have the title in the middle of the featured image and preferably a different color for each picture. It this possible?
Hi all,
Can I put a hover in black and white or a CSS like this on the featured image at the top of a single Post?
img { filter: grayscale(100%); }
img:hover { filter: grayscale(0%); }
A second question:
Can I also add a text over that featured image?
I tried to do it with an elementor text widget but but the mobile version was a bummer :-(
Thank you in advance.
Best,
Nadine
Hi,
1. Please use the custom CSS below:
.post-image img { filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); transition: all 0.3s ease-in-out; } .post-image:hover img { filter: grayscale(0%); -moz-filter: grayscale(0%); -webkit-filter: grayscale(0%); }2. Soledad Theme already has a template with content overlay. Please go to Appearance → Customize → Single Posts → General, try to use Style 5/6/8 on Single Posts Template.
Regards,
PenciDesign.
The first one works. Thank you for that!
for the second one I would like to have the title in the middle of the featured image and preferably a different color for each picture. It this possible?
Best regards,
Nadine
Hi,
I can help you adding custom CSS code to put the title in the middle of the featured image but can't make different colours for each picture.
Regards,
PenciDesign.
Alright. May you give me the CSS code? That would be very helpful :-)
Thx in advance
Hi,
Please send me a single post URL.
Regards,
PenciDesign.
I'm using Style 5. Does it help you?
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
.penci-single-style-5 .standard-post-special_wrapper {top: 0;
display: flex;
justify-content: center;
align-items: center;
}
Regards,
PenciDesign.
It works!
Thanks so much!
Best,
Nadine