by

Loes Knetsch ^©

Some themes have this as default, a white background, then another color, and back to white again. You can create this with an HTML code too. This training will show you how to change your background color partially.

Change the background color on your website partially

When you surf to my landing page, you can see how I have changed the background color to light blue. I will use it on this page too. Here I will use a soft orange color.

The table code to create this is:

<table class=”alignnone” style=”width: 100%; border-collapse: collapse; background-color: ffcc66;” border=”0″>
<tbody>
<tr>
<td style=”width: 100%; background-color: #ffcc66; text-align: left; vertical-align: top;”>&nbsp;
<p style=”padding-left: 10px;”>Type here your text</p>
&nbsp;</td>
</tr>
</tbody>
</table>

For the padding

When you have added the text put your cursor before the sentence and click the padding button in the toolbar. The tool is set to 30px by default, you can change this in the text editor to any number.

Little warning

When your code doesn’t work correctly! When you copy an HTML code from a website and paste it into your own WordPress editor, sometimes the brackets are changing into strange looking comma’s. When you replace those for the regular comma’s the code works again. And sometimes they will be duplicated, then you delete the weird looking comma’s.

HTML Background Color Codes

Here is a table and every cell has a different background color

I hope you liked my training, if you have a great HTML tip to share, please leave it below in a comment.

Learn online how to create a website, sign up for free!

Other Awesome HTML Training

| Home | Use of Cookies | Privacy Policy | FAQ | Affiliate Disclosure | Contact |

© Loes Knetsch. All rights reserved.

by

Loes

Hey, nice to meet you. I am Loes and I love to work, create and make money on the internet. My vision for the future is promising because the activities and sales go to triple over the next few years. You can take advantage of it too. Step into the world of affiliate marketing today, and work towards financial freedom for you and for your family. If you would like to learn how to build your own Wordpress website, click here to open your free account today!