change the background color in your layout!

  • 1
  • Idea
  • Updated 10 years ago
to change the background color of you layout insert a text box, click on the HTML button on the tool bar, paste this code:

and simply change the: bgcolor="xxxxxx" for the code of the color you want.

here's a place where you can find the color codes:
Photo of erimor


  • 4 Posts
  • 0 Reply Likes
  • confident

Posted 11 years ago

  • 1
Photo of Alayna Fenster Langnas

Alayna Fenster Langnas

  • 3 Posts
  • 0 Reply Likes
I need a step by step on how to do this. Is this something we can do with the form assembly inserts and also our text boxes?
Photo of Sanja


  • 10698 Posts
  • 495 Reply Likes
Hello Alayna

You can definitely add a background to a text widget! Here is some code that you can use:

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

You can drag a text widget onto your page, click on the little HTML icon on the Edit Toolbar and paste in that code. Here is what the various pieces of the code do, each of which you can change to suite what you are trying to accomplish:

1. Width is how wide the area will be.
2. Height is how tall it will be.
3. Border is how thick it will be should you choose to have one, and after that you put the color of the border in this case solid red.
4. Background-color is the color of the background.
5. You can put the text you wish to appear where you see: "This is where your text goes".
6. Click OK.

You can change the various pieces to make it the size and color that you prefer.

Note: Because this is in a text widget, you can also type directly into the text widget instead of putting the text you wish to appear in the HTML code. You can also highlight the text and use the Edit Toolbar to change its various attributes such as color and size.

If you have a form with Form Assembly, you could most likely change the background color in the CSS section. If you can post your code for your form, then I can take a look at this and offer suggestions. You can wrap your code using <!-- put your code in here--> This will stop the post from interpreting your code.