How to stop HTML code from showing in the Site Title?

Hi, I’ve added some HTML in the Title text field in General settings. Unfortunately the HTML code shows in the browser tab bar instead of just the Title. Is there a way to prevent this? I need to insert the code there instead of using pure CSS with #pageHeader h1.

what exactly do you have to add?

Well, the HTML is something like this:

<span style="background-color:#edebde;padding-left:1%;padding-right:1%;">Site Title</span>

This does produce the wanted outcome but in browsers the Site Title appears as <span...>.

If I try the CSS way as:

#pageHeader h1 {
background-color: #edebde;
padding-left: 1%;
padding-right: 1%;

the background changes from side to side and not only around the text. I suppose it’s something about the theme, maybe responsive, but I haven’t found a conventional way inside Rapidweaver to achieve what I want. And I don’t know where else to look for.

Do you have a link to your website? I guess we will find a way…

1 Like

Thank you for interest! Here’s a published site:

The header poses another problem too. As you scale the window smaller, Title and Slogan will split on several rows and because of the span and the background colour, they overlap which they shouldn’t.