Jump to content

Insérer CSS dans page CMS PrestaShop 1.7


CC55
 Share

Recommended Posts

Bonsoir à tous, 

Je suis à la recherche d'un moyen pour pouvoir insérer un code CSS sur une page CMS via le code html.

En effet, j'ai trouvé sur codepen ce rendu que j'aimerais bien appliquer sur mon site : https://codepen.io/anupkumar92/pen/LMBLwp

Quelqu'un aurait-il une idée par hasard ?

Je tourne en rond et je ne vois pas comment faire cela.

Merci d'avance de votre aide à tous.

CC55

Share this post


Link to post
Share on other sites

Pour insérer le CSS directement via le BO il faut faire des déclarations en ligne.

Pour votre exemple,

REMPLACER :

<section class="faq-section">

.faq-section {
    background: #fdfdfd;
    min-height: 100vh;
    padding: 10vh 0 0;
}

 

PAR :

<section style="background: #fdfdfd; min-height: 100vh;  padding: 10vh 0 0;">

 

et ainsi de suite, beaucoup plus compliqué que de faire un copier/coller du CSS dans custom.css et un autre c/c dans le BO pour le HTML.

Share this post


Link to post
Share on other sites

Je me rends compte que cette méthode est en effet beaucoup plus simple.

Je me pose juste une question, peut on appliquer un css à une page cms en particulier dans le custom.css ou alors celui-ci s'appliquera à toutes les pages cms ?

Share this post


Link to post
Share on other sites

Dans votre code CSS vous avez des selecteurs de class, par exemple :

.faq-section {
    background: #fdfdfd;
    min-height: 100vh;
    padding: 10vh 0 0;
}

Va s'appliquer uniquement aux balise html contenant class="faq-section". Donc à vous d'insérer les classes dans les balises html que vous souhaitez.

Share this post


Link to post
Share on other sites

  • 1 year later...

@iXs

salut,

Pour la methode d'ajout du code css dans le fichier custom.css cela ne fonctionne pas pour moi! Est ce qu'il y a d'autres methodes ou d'autre chose a ajouter pour que cela fonctionne ?

Share this post


Link to post
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
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More