Insérer CSS dans page CMS PrestaShop 1.7

[CC55]

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

[iXs]

Bonjour,

dans le dossier du thème, faites un fichier custom.css :

monshop.fr/themes/montheme/assets/css/custom.css

Edited November 2, 2019 by iXs (see edit history)

[CC55]

Bonjour iXs,

Merci pour votre réponse.

Il n'y a vraiment aucune possibilité de le faire directement via le code de la page CMS ?

CC55

[iXs]

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.

[CC55]

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 ?

[iXs]

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.

[solsol69]

bonjour

Ce module gratuit vous aide a inserer du css plus simplement

 

Edited November 2, 2019 by solsol69 (see edit history)

[jihen]

@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 ?