Changing the color of html comments box fonts

  • 1
  • Question
  • Updated 4 years ago
  • Answered
How can I change the color of the html comments fonts? I want the "Comments" line to be white and the "add your comment" link to be gold and all comments to be white. This is for my www.lovelynailsandspaabq.com site. The "How to Customize the Look of Your Box" section doesn't really explain WHERE to insert the dialog to make the colors alter.
Photo of Caitlin Hecsh

Caitlin Hecsh

  • 40 Posts
  • 5 Reply Likes
  • frustrated

Posted 5 years ago

  • 1
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hi Caitlin,

I don't see a comments box on your site. If you would like to change the font colour of your text in the Sitebuilder.

1. Click inside your Text Widget to bring up the Text Editing Toolbar.
2. Highlight your text, and on your Text Editing Toolbar, click on the icon that has a T on top of a paint palette. This will give you a selection of colors from which to choose.
3. Select the color you would like and make any other changes you would like to your text.

If you would like to do this with HTML you could use the following code for example.

<span style="color:red;">red text</span>
<span style="color:orange;">orange text</span>
<span style="color:green;">green text</span>

1. In your Sitebuilder, go to Widgets > Popular.
2. Drag and drop an HTML Widget onto your page.
3. An HTML editor will open up that will allow you to write or paste your code (use right-click > paste or Ctrl-V to paste).
4. When you are done, click "Save" and you will see the way that the HTML displays on your page.
Photo of Caitlin Hecsh

Caitlin Hecsh

  • 40 Posts
  • 5 Reply Likes
Hey Boomer - it's there now - I just want the "Comments" line to be white instead of black and the "add your comment" link to be gold. I know I could just drop it onto a white panel - but my client just hates that!
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello caitlin,

Is this what you are after?

Photo of Caitlin Hecsh

Caitlin Hecsh

  • 40 Posts
  • 5 Reply Likes
YES!!!! Er, I mean, yes, thanks - how can I do that?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
To your Site CSS add this:

.sys_layout h3, .sys_txt h3 {

color: #FFFFFF;
font-family: 'Open Sans';
font-size: 22px;
letter-spacing: normal;
line-height: 29.3333px;
text-decoration: none;
text-transform: none;
}

a, .sys_txt a:link, .sys_layout a:link {
color: #F7E30E;
}


These are sitewide changes and because of this it is a good idea to check the rest of your site to be sure there aren't changes that you don't want. If so we can pursue other possibilities
Photo of Caitlin Hecsh

Caitlin Hecsh

  • 40 Posts
  • 5 Reply Likes
Fantastic! it worked! I'm giving you mental cake! Thank you so much. Have a Happy Xmas
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes