Text Over Featured Img, color change

  • Unknown's avatar
    melifeandsmile · Member ·

    Hi!

    I’m a little stuck changing the color of the text laying over the featured image on my homepage display. Is there any way to change it?

    Thanks!

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

  • Unknown's avatar
    charleybea · Member ·

    Hello @melifeandsmile,

    You can fix this with some custom CSS. To add CSS using the editor, go to your Customizer and click on the CSS tab.

    Since you have both light and dark areas in the image behind the Logo title (left) and menu items (right), it may be a better idea to add a see through background color to make both areas work well instead of changing the text color.

    To add a see through white background behind the text, try adding this CSS code: 

    #header .row {
background-color: rgba(255, 255, 255, .4);
}

    * to make the color more opaque or bright, change the .4 to something higher but lower than 1. 1 will be fully opaque.

    If you prefer to change the text color only, you can try adding this code:

    #header.header-large .site-title a, #header.header-large .menu a:hover, #header.header-large .menu-toggle:hover {
color: #fff;
}

#header.header-large .menu a, #header.header-large .menu a:link, #header.header-large .menu a:visited, #header.header-large .menu-toggle, #header.header-large .menu-toggle:before {
color: #fff;
}

    * you can change the #fff to another color’s hex value

    This should work, but let me know if you run into any issues or have more questions. Happy to help! :)

  • kokkieh · Staff ·

    Hi there,

    Please let us know if the suggested solution above doesn’t work for you.

    Also note that your Business Plan gives you access to 24/7 live chat and priority email support directly from staff. You don’t need to post in the public support forums for help with questions like these :)

    You can reach live chat support via the help icon appearing bottom-right on My Sites, and also via this direct link: https://wordpress.com/help/contact

  • The topic ‘Text Over Featured Img, color change’ is closed to new replies.