Jump to content
CC55

Insérer CSS dans page CMS PrestaShop 1.7

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

Bonjour,

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

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

Edited by iXs (see edit history)

Share this post


Link to post
Share on other sites

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

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

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