Change color of one word in a post title

Beaver Builder
1

Hello, I’m wondering if its possible to change the color of one word in a post title.
My customer is in boat sales and is creating a post for each boat that is for sale. When they post it on the site they want to be able to put the word SOLD behind the post title in red when a boat is sold. Is there a way to set this up to do it automatically when that word is typed, or another way to do it is fine as well.

2

Hi Carrie,

How are you going to be adding the word “Sold” to the post title? Are you adding it manually by editing the post when a boat is sold?

If so, you could wrap the word “Sold” in a span class and adding styling to that class. For example:

Post/Boat Title <span class="boat-sold">Sold</span>

Then you can use that class name “bold-sold” and add custom CSS to it.

Thanks,
Danny

3

Thank you Danny, can you give more step by step instructions. I’m not very familiar with CSS.

4

Hi Carrie,

If you have added the span that I mentioned above to your posts. Then you can use the following CSS to give the “Sold” word a different color etc…

.boat-sold {
  color: red;
}

Thanks,
Danny