Foto gebruiken als achtergrond

[stefanponsen]

Hallo,

 

Ik wil een foto gebruiken als achtergrond.

Voor mijn webshop gebruik ik het Wine theme PRS020049 van Templatemela.

Op het forum heb ik al gelezen dat ik in de global.css naar background moet zoeken en hier ergens de link naar de fotot zetten. In bijlage heb ik het .css bestand. Kan mij iemand helpen wat ik hierin moet veranderen.

 

Prestashop versie: 1.6.0.14

 

dank u

global.css

[musicmaster]

body {

background-image: url("paper.gif");

}

[stefanponsen]

In de global.css file staat nu

 

body {

  margin: 0;

}

 

Moet dit erin blijven, en moet de verwijzing naar de foto erbij komen?

Of komt deze regel er extra bij?

[musicmaster]

regel komt erbij. 

 

 

Moet dit erin blijven, en moet de verwijzing naar de foto erbij komen?

Of komt deze regel er extra bij?

 

 

Dit soort vragen kunnen eigenlijk niet. Jij kunt het sneller uitproberen dan iemand anders het kan beantwoorden.

[stefanponsen]

Ik heb het volgende geprobeerd:

 

body {

  margin: 0;

}

 

body {

  background-image: url(http://www.cacaoworld.be/public_html/themes/PRS020049/img/achtergrond.gif);

}

 

Maar ik zie de achtergrondfoto nog niet op de site.

[musicmaster]

Je bent de quotes vergeten.

[stefanponsen]

Dit heb ik ook al geprobeerd, maar dit werkt ook niet.

Misschien nog een ander idee wat het kan zijn?

[musicmaster]

Are you sure your url is right? When I type "http://www.cacaoworld.be/public_html/themes/PRS020049/img/achtergrond.gif" in my browser I get a question mark.

[stefanponsen]

De URL was inderdaad fout, nu klopt hij, maar ik zie nog geen foto als achtergrond

 

body {

  margin: 0;

}

 

body {

  background-image: url("http://www.cacaoworld.be/themes/PRS020049/img/achtergrond.gif");

}

[musicmaster]

Dat komt omdat je divjes ervoor heen liggen. <div id="page">, <div id="header-container"> en <div id"columns-container"> hebben allemaal een achtergrond kleur die over je plaatje heen gespoten wordt.

[annoklar]

Ik zou het sowieso combineren.

 

Dus geen:

body {

  margin: 0;

}

 

body {

  background-image: url("http://www.cacaoworl...achtergrond.gif");

}

 

Maar:

body {

  margin: 0;

  background-image: url("http://www.cacaoworl...achtergrond.gif");

}

 

Zie voor uitleg: http://www.w3schools.com/cssref/pr_background-image.asp