change colour banner text

  • Author
  • #123845

    Hi, would you be able to give me some CSS code to change the main and secondary banner text colour?
    Ideally to the colour Im using for the background #197f67
    Many thanks

    The blog I need help with is


    Theme Author

    This custom CSS will do it:

    #banner-text *{
    color: #197f67 !important;

    However, I think you are going to need more contrast between your background image and text. I recommend making your background darker, and using white text. Just a suggestion. :)


    Hi and thank you so much. I’ve tweaked the background image and returned the banner text to white. You were quite right it looks much better this way.
    I have another question – should I open another post?
    I know how to return all the text on the homepage to white. But I would like to keep the text for the featured content in black (no matter what I do with the picture its just not clear enough). Is there some code for this?
    Many thanks again


    in fact, sorry, I like the continuity of using white for all of the text on the homepage. Is there someway to increase the size or boldness of the text in the featured content but keep it white?
    sorry James


    Theme Author

    This custom CSS will change the color of the text in the featured content section:

    #featured-pages *{
    color: #000 !important;

    Theme Author

    Sorry. I overlooked your last reply. Give this a try:

    #featured-pages *{
    color: #fff !important;
    #featured-pages h3{
    font-size: 3em;
    #featured-pages p{
    font-size: 1.2em;
    font-weight: 800;

    perfect, thank you so much

The topic ‘change colour banner text’ is closed to new replies.