Page Titles And Color Change
Bernhard Huber
Hi,
1.) please help to fix this problem. I want to change the style of the font of the page titles from extra bold to thin. I already changed the h1 and h2 in the template options, but this didn't change the style of the page titles see screenshot. Can you help me to fix this?
2.) Moreover, there are a lot of elements in this orange color (#e97025) I want to change them all to this yellow color (#fcd154). Can you help me to achieve this?
Looking forward to your solution!
Paul Frankowski
Accepted AnswerHi Bernhard,
I think for that you have to use custom CSS.
.sp-page-title { background-color: #fcd154;}
.sp-page-title::before {background: none; }
.sp-page-title .sp-page-title-heading {font-weight: normal;
margin-bottom: 0;}Custom CSS: https://www.joomshaper.com/documentation/joomla-templates/pitech/custom-css-js-and-stats-code
after using it
If you want font even thiner, make small correction in last line.
.sp-page-title .sp-page-title-heading {font-weight: lighter;}
Bernhard Huber
Accepted AnswerHello,
thank you for this but one thing you misunderstood a little. Not the background of the page titles should be in this yellow. Orange elements like these:
Paul Frankowski
Accepted AnswerSo also you have to use custom CSS for those as well. If you want to learn new skills >> https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action