Jump to content

Changer le fond général du site


lamine2tout

Recommended Posts

Bonjour,

Je souhaiterais changer le fond du site, notamment de la page d'accueil.

Il s'agit actuellement d'un fond gris, le même que pour le thème classic, et je souhaiterais mettre une de mes images.

J'ai actuellement un thème payant, je pourrais poser la question au développeur mais je l'embête déjà assez avec d'autres questions, pour ça j'aimerais essayer de faire cette modification moi-même ^^

Ma version de Prestashop est la 1.7.6.7

Merci d'avance de votre aide !

 

Link to comment
Share on other sites

Bonjour, 

Si tu as le thème classic (le thème de base dans prestashop), tu vas ici :

\themes\classic\assets\css\custom.css

et tu ouvres le fichier custom.css (toujours faire tes modifications css ici).

Et tu rajoutes ceci :

 

#wrapper{

    background: #ffffff;

}

Cela te mettra ton fond du site en blanc. Si tu ne veux pas blanc, tu n'as qu'à modifier le code couleur pour changer la couleur. ;)

Link to comment
Share on other sites

Merci :) Etditer me fichier custom.css est effectivement la solution 😊

Par contre je souhaitais mettre une image en fond, et du coup j'ai trouvé ceci :

body {
max-width: auto;
height: auto;
Background-image: url('monimage.png') ;
background-size: cover;
margin:0

}

qui me permet de mettre l'image en "vrai" fond, c'est à dire que l'image est fixe lorsque je zoome ou dézoome mon écran.

Sinon, pour changer le fond de la partie centrale du site, il faut écrire "#wrapper" au lieu de "body".

 

Maintenant j'aurais aussi souhaité que ce même fond d'écran s'adapte aux mobiles.  Je vais chercher comment faire mais si quelqu'un passant par là a la solution je suis preneuse :)

 

Edited by lamine2tout (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...