Changing color of text-boxes...??

  • 1
  • Question
  • Updated 7 years ago
So my background color is just solid white but if i change it to grey I want my ''text-boxes'' not change to grey.
How can I do that?
Photo of quickreign


  • 1 Post
  • 0 Reply Likes
  • frustrated

Posted 7 years ago

  • 1
Photo of Nazlie


  • 1721 Posts
  • 51 Reply Likes
Hi quickreign

You can change the background color of text boxes to white, but you will need to do some HTML coding ins the Text Widget.

To add the background, please follow these steps:

1. Click inside your Text Widget so that the Text Editing Toolbar displays.
2. Click on the HTML button - it is the last button on the toolbar, from left to right.
3. Copy the code below and paste it into the HTML editor that pops up on your screen:

<div style="border: 2px solid red; width: 400px; height: 211px; background-color: white;">This is where your text goes</div>

4. Click OK to add the code to your site.

Below is a description of what each of the elements in the HTML code mean - you are able to edit it to suit your needs:

1. "Width" is how wide the background area will be.
2. "Height" is how tall it will be.
3. "Border" is how thick the border will be, should you choose to have one. You can also define the color of the border (eg: "solid red.")
4. "Background-color" is the color of the background. If you want to be more precise about the color you can replace this with a 500+ Named Colors with rgb and hex values.
5. You can put the text you wish to appear where you see: "This is where your text goes".
6. When you are done, Click "OK."

I hope this works for you! If you need any help, please let us know.

Thank you