Can't add to the body tag?

  • 1
  • Question
  • Updated 8 years ago
  • Answered
I can't add anything to the body tag.. Help?
I'm trying to add a background color to the body tag.
I've used several different ways and nothing works on the body tag. Doesn't work for the head tag either. bgcolor and styles only work on paragraph or header tags..
Photo of Derek

Derek

  • 10 Posts
  • 0 Reply Likes
  • annoyed.

Posted 8 years ago

  • 1
Photo of jeremy

jeremy, Employee

  • 1349 Posts
  • 90 Reply Likes
Hi there Derek,

How are you wanting to add it to the Body tag?

If you are wanting to change the background color of your page you can do this.

Yola gives you the option to change the background color of your style or upload your own background image, or both! You can also apply it to all the pages! Please note that some styles do not have this option. If you want to know if the option to edit the background image is available for a particular style, see the Yola Style Guide .

Edit the page background color:

1. Click on "Change Background".
2. A dialog box will open, click on the down-arrow next to "Background Fill" and the color picker will open.
3. Select the color you would like to use and click on "OK". If you know the Hex value of the color you would like to use, enter it into the space provide (here's a link to a Hex color code chart ).

For more information on personalizing your style please check out our tutorial: Personalize your Style .

I hope this helps.
Photo of Derek

Derek

  • 10 Posts
  • 0 Reply Likes
I'm not trying to change the background color of the page. I've figured that out.
What I'm trying to do is change the background color of the entire wall of text I will be adding.
I currently have it either all in one HTML widget or in separate. Either way, there are breaks in the background and the color doesn't flow completely.
This is why I'm asking if the body tag is broken, as no matter what I add to it, nothing happens.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Derek

Thanks for the clarification.

It is possible to set a background color for your text, but this will require a little bit of HTML coding. 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>-->

*Please do not include the <!-- and -->

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. If you want to be more precise about the color you can replace this with a hex value. For example, if you replace the word "pink" with the hex value:#63B8FF you will get a light blue color block. For a list of hex values see: http://cloford.com/resources/colours/...
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.

Please let me know if you have any further trouble with this.
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
Hello my bestest friend....Have a version of that code with rounded corners?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hey John

Here's a cool thread that show you how to do this: http://forum.yola.com/yola/topics/the...
Photo of Derek

Derek

  • 10 Posts
  • 0 Reply Likes
Thanks Sanja, that worked. Now just need to clean up the code for the individual parts as some text is the wrong size and such.

Thanks once again :D
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
You're welcome, Derek! Remember, you can easily format your text if you have added your code via the HTML button on the Text Editing Toolbar by using the text formatting options available.