-
AuthorPosts
-
February 10, 2017 at 4:57 pm #745493
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
February 10, 2017 at 6:17 pm #745541Hey steviger,
instead use:
h2.titlefrontpage { }Best regards,
AndyFebruary 14, 2017 at 11:15 am #746808Hi 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
-
This reply was modified 8 years, 8 months ago by
steviger.
February 15, 2017 at 7:09 am #747302Hi Steven,
Thanks for the feedback. So I’m guessing you got it working?
Best regards,
RikardFebruary 15, 2017 at 11:43 am #747428Hi 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
February 16, 2017 at 7:09 am #747804 -
This reply was modified 8 years, 8 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
