background top

User 1874231 Photo


Registered User
18 posts

How do I accomplish a background like your template "Colorful" the top part with a different color and the middle and footer part with another color

Thanks
Charles
User 187934 Photo


Senior Advisor
20,271 posts

Hi Charlie, Add rectangle shapes the color of your choice to each area. Make them the same width as the page.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 1874231 Photo


Registered User
18 posts

I tried it like you suggested. I meant to cover the whole page no matter the resolution. My Page is 1000 in width and I want to have a rectangle on top that will go over the 1000px i.o.w. wrapped .

Thanks
Charlkes
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

Would it be an option to start out with that template, erase everything else and keep the background?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,271 posts

You could try this. This makes a page with three different colors. 1000px wide by 750 px high.

Put a HTML box on your page in VSD.
In the body html paste this.

<div id="background1"></div>
<div id="background2"></div>
<div id="background3"></div>


Now in that same HTML box click on the Header HTML tab and paste this.

<style type="text/css">
#background1 {
width: 1000px;
height:250px;
background-color:#FF0000;
}
#background2 {
width: 1000px;
height:250px;
background-color:#80FF00;
}
#background3 {
width: 1000px;
height:250px;
background-color:#00FFFF;
}
</style>

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.