Custom H1 Text Colors - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Custom H1 Text Colors

Scott

Scott

SP Page Builder 2 years ago

Hopefully JS dev team will done upgrade the Tiny editor to include coloring of individial letters and words. both H tags and paragraphs.

In the meantime, I googled this and here is what I found it is doable but not a solution becuase I am uanble to add words after.

Code I found to be nserted fo rthat spectifi page and h1 text. The only word that goes in th etitle text are is EVER the css forces PLAY next to it, unfortuantely I cannot add the word Mats in the title text

h1:after {
  content: "PLAY";
  position: relative;
  color: #f00909;
}

The video explains it more clearly

https://clipchamp.com/watch/ZXQKxldpw2E

0
5 Answers
Pavel
Pavel
Accepted Answer
2 years ago #124103

Hi Scott. You complicate. Everything is much simpler. CSS no need, HTML with inline style only.

Insert it in the Title field.

EVER <span style="color: #f00909;">PLAY</span> Mats

If it is difficult for you to write this code yourself, use a text addon to color the text, then switch to the code mode, copy and paste where you need.

Example using JCE editor.

1 2 3

0
Scott
Scott
Accepted Answer
2 years ago #124104

Hi Pavel, thank you I'll give it a go

0
Pavel
Pavel
Accepted Answer
2 years ago #124105

If you prefer to use TinyMCE, open the article editor in a separate browser tab and generate the code there. Since the use of TinyMCE is very not convenient inside SPPB.

0
Scott
Scott
Accepted Answer
2 years ago #124107

Perfect thank you

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #124115

Hi

Thanks for contacting us. And it's good to see that we have a nice user community where everyone tries to help each other. Thanks, Pavel for sharing the solution with him.

Scott you can now close this post by accepting the answer.

-Regards.

0