[Kelly Thoreson]

Hello,

My homepage is set to auto-populate recent posts. The featured image has a color block overlay on part of it with text (the title of the post). The text is very hard to read – how can I change the text size, color, etc? And how can I change the color and opacity of the color block overlay? Thank you!

My URL:

[Skandha]

@kthoreson: Hello there,
Your site URL was not posted. Can you post your site URL?

Kind Regards,
Skandha

[Kelly Thoreson]

Sorry about that! http://www.flatlayprops.com

[Skandha]

@kthoreson: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To change the color of the text, overlay and font size */
@media screen and (min-width: 64em) {
	.featured-content-wrapper a {
		color: #f23456;
	}
	.featured-content-wrapper .entry-header {
		background-color: rgba(0, 0, 0, 0.75);
	}
	.featured-content-wrapper .entry-title {
		font-size: 20px;
	}
	.featured-content-wrapper .entry-meta {
		font-size: 15px;
	}
}

You can change the color and font size according to your choice.
You change the value of 0.75 in the above CSS to adjust the opacity of the overlay.

Let me know if this is what you want!
Kind Regards,
Skandha

[Kelly Thoreson]

That worked perfectly, thank you!

[Skandha]

@kthoreson: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/fotografie/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Kelly Thoreson]

Happy to! Thanks again for your help 🙂

[Author]

Posts