Tagged: H1
Hi Fabulous Enfold people,
I’ve looked in the CSS files but am unable to figure out where to go to change the H1 tag to remove upper case setting in this theme.
See example site below and thank you,
Julie
Hi JulieDesigns2!
Thank you for using our theme.
In custom.css or Enfold->Styles->Quick CSS field put the following:
h1{
text-transform: none !important;
}
Cheers!
Günter
Hi Gunter,
Thank you for your reply.
I have done as you suggested (even have a child theme and pasted this into the stylesheet there) and pasted this html for the h1 into Enfold > Styles > Quick CSS.
This does change the h1 in the website’s pages but it doesn’t change the h1 in the Avia Layout editor. My client wants upper/lower case letters in the h1 for each of his Portfolio items (see right sidebar description here): http://69.195.124.224/~steveoo8/newsite/portfolio-item/washington-duke-inn-golf-club/
Please let me know your recommendation to make this happen and thank you again.
Hi!
Try to replace the above with the following:
h1{
text-transform: capitalize !important;
}
.template-page .entry-content-wrapper h1{
text-transform: capitalize !important;
}
I’m not sure, if we can cover all h1, because CSS of the different elements may still override these settings.
The next problem is, that if the text is given in uppercase (as in your link), there is no CSS to transform to upper/lowercase.
‘capitalize’ can only transform from lowercase to upper/lowercase.
‘none’ outputs the text as given is source.
If you still encounter problems, come back.
Regards,
Günter
Hi,
I am using LearnDash as a LMS and am trying to make the headings of the courses lowercase but they default set up as Uppercase. I think it’s because of the theme?
I’ve tried all kinds of CSS but it’s not working.