Hi,
Whilst working on a new website I can’t seem to get the custom styling of my headings right. Normally this would do the trick:
In the text:
<h2 class="titlefrontpage">some headingtext</h2>
The CSS:
.titlefrontpage h2{font-size:20px!important; text-transform: none!important; margin-top:10px!important; color:#473c8e!important}
Tried the option of adding class to the text element itself but no luck either.
What am I doing wrong here?
Thanks in advance!
Regards,
Steven
Hey steviger,
instead use:
h2.titlefrontpage {
}
Best regards,
Andy
Hi Andy,
Thanks for your response. Forgot to mention that I already tried this one ( and h2 .titlefrontpage also) without any luck.
Even more strange:
This doesn’t work:
.titlefrontpage {font-size:18px!important; text-transform: none!important; margin-top:10px!important; margin-bottom:0!important; color:#473c8e!important}
But this combination does:
h2.titlefrontpage {}
.titlefrontpage {font-size:18px!important; text-transform: none!important; margin-top:10px!important; margin-bottom:0!important; color:#473c8e!important}
Regards,
Steven
Hi Steven,
Thanks for the feedback. So I’m guessing you got it working?
Best regards,
Rikard
Hi Rikard,
Well, yes this combination does work but it’s not the normal/proper way of CSS markup is it?
Anyway, thanks for the support!
Cheers,
Steven