Hi guys,
I appreciate this is probably a coding thing.
How do I change the colour in the ‘Header H1’ in RW8 using Aspen.
Thank you in anticipation.
This could be my first bit of coding 
Hi @keithd5678,
Sorry to disappoint, but you won’t need any coding for this 
If you click “Master Style” in the left pane, then scroll down to Main Content in the style setting pane (on the right of your screen - you may need to turn it on first using the button in the toolbar), you’ll see a colour selector box for “Headlines”. The colour that you select here, will apply to all headings (H1 and other sizes), but not the H1 inside the banner image:
If you need the H1 header in the banner section of the theme (the big one inside the image), to change colour, you’re going to need to do some coding (hurray!).
For that, click on the Code section in the navigation pane of your project, and then click on the CSS tab.
In the big white area, paste the following code:
.theme h1 {
color: blue;
}
The H1 inside the image will now change to blue.
The code works as follows:
- The dot infront of the word “theme” tells the browser to ‘target’ an element of the theme
- The “h1” is the element inside the theme that you’re targeting, namely the big header inside the banner that the theme sets up for you
- The bit between the {} brackets tells the browser what to do to the element that you targeted in 1 and 2, namely change the colour to blue.
- The ; after the word “blue” tells the browser that this is the end of the command. You could add more lines between the brackets, each ending in a semicolon, and they would all apply to the big header inside the banner.
For example, if you’d add the following line below the color: blue; line:
display: none;
… the entire h1 heading would be made invisible to your visitors.
Cheers,
Erwin
1 Like
Erwin, you’re an absolute star! Thank you so much
1 Like