Change Color Of .sp-page-title .sp-page-title-heading - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Change Color Of .sp-page-title .sp-page-title-heading

JD

Joerg Distler

Template 4 months ago

Hi,

how can I change the color of the heading: .sp-page-title .sp-page-title-heading.

https://www.portugiesisch-hamburg.de/portugiesisch/sprachkurs-brasilianisches-portugiesisch.html Sprachkurs Brasilianisch

Best Jörg

0
6 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 months ago #194714

Hi Joerg.

For example using Custom CSS if you know the class name.

.sp-page-title .sp-page-title-heading {
  color: white;
  text-shadow: 0 0px 4px #111; }

If you use custom.css file, remember to clear Joomla cache after using it. Or add inside Template Options > Custom Code > Custom CSS

0
JD
Joerg Distler
Accepted Answer
4 months ago #194722

Hi Paul,

thank you. Best Jörg

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 months ago #194759

BTW

If you want to see breadcrumbs labels, change default color from black to light grey.

.sp-page-title .breadcrumb > li > a {color: #eee;}

0
JD
Joerg Distler
Accepted Answer
4 months ago #194769

Hi Paul,

thank you. Done.... . Best Jörg

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 months ago #194775

Add also that line

.sp-page-title .breadcrumb > .active > span {opacity: 1;color: white;}

0
JD
Joerg Distler
Accepted Answer
4 months ago #194778

Hi Paul,

thank you! Best Jörg

0