Change color of text over featured post image

  • Unknown's avatar
    mgtripplanner · Member ·

    Hi,

    My blog mgtripplanner.com

    I have on the home page some featured post, which includes a banner with an image with the post title and some text from the post.

    I would like to change the color of this text and title over this featured image on the home page since in some cases it is difficult to read it because of the contrast between the text color and image color.

    Thanks! Annie

    The blog I need help with is: (visible only to logged in users)

  • supernovia · Staff ·

    Hi Annie, that particular theme doesn’t have direct control over each slide’s text color, and I’d imagine you’d need different text colors for different slides. If there is one color that would work for all of them, though, here’s how to do it. You’d put this under Customize > CSS:

    .slider-title a, .slider-meta p {
	color: black;
}

    Just as another alternative, you might like adding a background to that part of the image:

    .slider-meta {
	background-color: rgba(0,0,0,.7);
	padding: 2em;
	
}

    That puts a dark overlay under the text. You could make it a lighter overlay instead by using different numbers like rgba(255,255,255,.5) for white, or rgba(4,203,209,.5) for the aqua color on your site.

    And you can combine that with text-color changes too if you’d like.

    I hope that helps!

  • Unknown's avatar
    mgtripplanner · Member ·

    Many thanks that work perfectly. In the end, we choose the extra tip and add the background for the text.

  • The topic ‘Change color of text over featured post image’ is closed to new replies.