-3

I'm making a Weebly site and want to make a different background just for the home page. My theme does not support numerous themes, any ideas how weI can get around this?

user3892118
  • 1
  • 1

2 Answers2

0

Refer this. you can make each page with different backgrounds..Refer the link for some interesting examples.

<html>
<body background="bgimage.jpg">
<h1>Hello world!</h1>
<p><a href="http://www.w3schools.com">Visit W3Schools.com!</a></p>
</body>
</html>

Try this css code 

<style type="text/css">
body { background-image:url(images/bg_fullpagehome.gif) }
</style>
Deepanshu J bedi
  • 1,530
  • 1
  • 11
  • 23
0

What I know is you can only add one background on the body area. But if you refer to your homepage, there's more than one area you can configure or customize its background.

The only trick is to find which selectors to be edited. It is also recommended to add the full url of the image when using it as a background.

Try to add the following on your homepage header code box:

<style>
#header {
background: red !important;
}
#topnav {
background: blue !important;
}
#nav-wrap {
background: yellowgreen !important;
}
#logo-wrap {
background: cyan !important;
}
#main-wrap {
background: green !important;
}
#main-wrap .container {
background: grey !important;
}
#main-wrap .inner-container {
background: silver !important;
}
#main {
background: orange !important;
}
#content {
background: indigo !important;
}
#header-wrap {
background: violet !important;
}
#footer-wrap {
background: yellow !important;
}
#footer {
background: black !important;
}
.blog-sidebar {
background: white !important;
}
.blog-body {
background: purple !important;
}
#banner-wrap {
background: brown !important;
}
</style>

And look for the changes. It might not be the best answer but this is a good start. You may visit Advance way of Editing Weebly Background for more details.

You may also use a full page background image slideshow to show different backgrounds.

domz3669
  • 21
  • 3