Hi!
I’m working on a new homepage and I am so excited! 🙂
A question. I would like to add a background colour to a title element. However, I do not want the whole element to have a background colour, I only want the letters to be wrapped neatly.
Basically, this is my question: https://stackoverflow.com/questions/14310154/how-do-i-set-a-background-color-for-the-width-of-text-not-the-width-of-the-enti
However, I do not know how to get this done. I cannot get any of the answers given in the article above to work.
Any help is greatly appreciated!
Thanks,
Maaike
Hello Maaike,
To set the background color on the title, you can choose a header template like => https://www.screencast.com/t/VrZEnKxTa
Thank you!
Hi!
I don’t think that is the answer to my question. I do not want a simple background colour.
See the link I sent. That is what I want to do.
Thoughts?
Thanks!
Maaike
Hello,
in this topic https://stackoverflow.com/questions/14310154/how-do-i-set-a-background-color-for-the-width-of-text-not-the-width-of-the-enti, there are several designs, which exactly do you want? https://www.screencast.com/t/qwhFqGYUeC
If you want to look like this https://www.screencast.com/t/pADr3BNmc5rL you need to use this custom code CSS, but please let me know what elements you want to add because each has a different class
.td-block-title
{
text-shadow: 0 0 5px blue;
}
Thank you!
Hi,
I don’t want a shadow. I want a solid colour.
Basically I want this …
… to turn into this …
I can’t send you a link because the page isn’t published yet.
However, the element is a title.
Does this help?
Hmm, for me the images do not show up. If you right-click them you can open them in a new tab though.
Hello,
Please try this code https://www.screencast.com/t/YI0Nz6A4Aonc .td-block-title
{
display:inline;
background-color: yellow;
}
The code needs to be set in Theme panel -> Custom code -> Custom CSS
Let me know the results!
Thank you!
Hmm, closer. Not quite right.
Two problems:
– It’s not neatly coloring all letters
– It’s coloring all titles, not just this particular one
See this image:
Hello,
Please do a video to see exactly the element and to be able to give you an optimal solution, or if not, you can contact us via email at contact@tagdiv.com and provide wp-admin and credentials, and I will inspect the website to find the element and to give you a solution.
Thank you!
Thank you!
