Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #241388
    Kelly Thoreson
    Participant

    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:

    #241422
    Skandha
    Keymaster

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

    Kind Regards,
    Skandha

    #241525
    Kelly Thoreson
    Participant

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

    #241587
    Skandha
    Keymaster

    @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

    #242094
    Kelly Thoreson
    Participant

    That worked perfectly, thank you!

    #242136
    Skandha
    Keymaster

    @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

    #242455
    Kelly Thoreson
    Participant

    Happy to! Thanks again for your help 🙂

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to Change Featured Post Text/Color Banner Overlay on Homepage?’ is closed to new replies.