Jump to content

How to use background images


Vire

Recommended Posts

Hello there.

 

I disabled the template manager and went into the template folder -> css -> global.css.

 

Than i replaced the Body with:

 /* 1366 ----------- */
@media screen and (min-width : 1326px) and (max-width : 1639px){
body {
background-image:url('http://evoxity.net/modules/themeconfigurator/img/bg768.jpg');
background-repeat:no-repeat;
-moz-background-size:cover;
-o-background-size:cover;
background-size:fixed;
background-position:center;
background-attachment:fixed;
}
}
/* 1680 ----------- */
@media screen and (min-width : 1640px) and (max-width : 1800px){
body {
background-image:url('http://evoxity.net/modules/themeconfigurator/img/bg1050.jpg');
background-repeat:no-repeat;
-moz-background-size:cover;
-o-background-size:cover;
background-size:fixed;
background-position:center;
background-attachment:fixed;
}
}
/* 1920 ----------- */
@media and screen (min-width : 1800px){
body {
background-image:url('http://evoxity.net/modules/themeconfigurator/img/bg1200.jpg');
background-repeat:no-repeat;
-moz-background-size:cover;
-o-background-size:cover;
background-size:fixed;
background-position:center;
background-attachment:fixed;
}
}

The result is actually nothing. Any suggestions why?

 

Even if i just add:

body {
background-image:url('http://evoxity.net/modules/themeconfigurator/img/bg1200.jpg');
background-repeat:no-repeat;
-moz-background-size:cover;
-o-background-size:cover;
background-size:fixed;
background-position:center;
background-attachment:fixed;
}
}

nothing does happen. Is the global.css the wrong folder?

Link to comment
Share on other sites

×
×
  • Create New...