Page Titles And Color Change - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Page Titles And Color Change

BH

Bernhard Huber

Template 3 years ago

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?

https://imgur.com/a/7EHxsmW

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!

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #64500

Hi 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

foto_8186_2022.jpg

If you want font even thiner, make small correction in last line.

.sp-page-title .sp-page-title-heading {font-weight: lighter;}

foto_8187_2022.jpg

1
BH
Bernhard Huber
Accepted Answer
3 years ago #64501

Hello,

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:

https://imgur.com/a/387TeTQ

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #64503

So 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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #64504

Headers title color - if they were build using SPPB you can change in addon settings or Row Options.

0