background top
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
Thanks
Charles
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
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
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
Thanks
Charlkes
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
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
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>
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
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.