Changing font colour in heading

  • Unknown's avatar

    I would like to change the font colour in my header as currently there is white font that is almost unreadable.

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

  • Unknown's avatar

    You can change the colour with this code:

    .hero-section {
    	color: #f00;
    }

    Or keep it white but add a translucent background to make the white easier to read without obscuring the image:

    .hero-section .hero-content {
    	background-color: rgba(0,0,0,0.3);
    	padding: 0.5em;
    }
    @media screen and (min-width:30em) {
    	.hero-section {
    		padding: 0;
    		margin-top: 4em;
    		margin-bottom: 5.5em;
    	}
    }
  • The topic ‘Changing font colour in heading’ is closed to new replies.