Changing text color for one module...

Again, such a silly question. I'll stop once I get the hang of the override system. But anyway I'd like to change the colour of the h1 text here: web.ear-trumpet.net

But I'd only like the h1 tags within the 'header' area to be affected.

I tried this in override.css:

h1 #gkHeader {
color: #ff9718;
font-weight: 400;
letter-spacing: -1px;
line-height: 1.2;
margin: 0;
padding: 0;
}

But no joy. I also added 'h1' to item ID '88' (the ID for header custom HTML module that's in there just now).

Sorry for the simplicity (see what I did there?!) of the question. Trying to get used to GP templates.

Thanks for your help. N

Hi,
this should be easy, but please answer me , you need this code for all modules or only one , like you wrote in title of this post?

Hmm ?

Code: Select all

.imageBg #gkHeaderMod h1 { color: red; }

Well I did just want it on the one module. ie. The header module only on the front page.

That code worked perfectly. But does that mean that all <h1> within all #gkHeader modules will now be orange (colour I've changed it to)?

Many thanks, N

1) Just create new class, with new name (condition)

Code: Select all

.imageBg #gkHeaderMod .orange h1 { color: #FF9718; }

2) Add "orange" class in Module Suffix field (with space before name)
3) Have fun, it should work