Headings CSS

answered

#1

Hi all,

Just playing around trying to customise my headers, CSS is a mystery wrapped in an enigma to me though.

I’ve managed to tweak someone else’s code to get the colour and size as I like but no luck unbolding or underlining, here’s where I’m at:

.is-smallFont .Node-self.is-heading3 .Node-contentContainer {
font-size: 16px;
color: #404040;
text-decoration: underline;
font-weight: normal !important;
}

Seems to ignore the font-weight and only underlines when I click on the node…

Any help would be greatly appreciated.

Thanks,
Edd


#2

Try this - you need the style on rendered content:
.is-smallFont .Node-self.is-heading3 .Node-contentContainer .Node-renderedContent {
font-size: 16px;
color: #404040;
text-decoration: underline;
font-weight: normal !important;
}


#3

Thanks Andy that’s just the ticket.

I think I’ll have to spend a bit of time getting to know CSS, seems like there is a lot of scope to do some interesting customisation.


#4

Excellent - glad it worked. Give me a shout if you need any more help.

Andy


#5

You’re the MVp, Andy! :blush: