Modifier le CSS avec thème enfant

Modifier le CSS avec thème enfant Comment modifier le CSS d'un thème d'essai Wp » Forum - Wordpress Personnaliser un site sous Wordpress grâce à un thème enfant » Conseils pratiques - e-communication Modifier un CSS avec du javascript (Résolu) » Forum - CSS Thème enfant (Résolu) » Forum - Wordpress Modifier largeur colonne dans thème Powerpoint 2010 (Résolu) » Forum - Powerpoint

Bonjour à tous et à toutes!
J'ai passé deux bonnes heures à tenter de créer un thème enfant que j'ai finalement réussi à ajouter avec notamment l'aide précieux du site : https://wpmarmite.com/creer-theme-enfant/ que je vous recommande 1000 fois.
En revanche, maintenant que je suis supposée pouvoir modifier le CSS sans craindre la mise à jour suivante, je ne sais pas comment faire. En effet, lorsque je clique sur Apparence puis Editeur dans mon tableau de bord, le message suivant apparaît : "Le saviez-vous ?

Vous n’avez pas besoin de modifier votre CSS ici. Vous pouvez le faire et voir vos changements directement dans l’éditeur de CSS embarqué." et je n'ai plus accès au CSS que je possédait avant. Je suis ainsi redirigée sur la page de l'éditeur CSS dit "embarqué" qui correspond dans le menu de personnalisation au "CSS additionnel".
Là est mon problème, je ne sais pas comment m'en servir ni comment organiser mes informations,...
Si vous avez le temps de me fournir des informations ou de m'envoyer le lien d'un site explicatif, je vous en serai reconnaissante.
Merci d'avance et bonne journée!

Forum

Modifier le CSS avec thème enfant Comment modifier le CSS d'un thème d'essai Wp » Forum - Wordpress Personnaliser un site sous Wordpress grâce à un thème enfant » Conseils pratiques - e-communication Modifier un CSS avec du javascript (Résolu) » Forum - CSS Thème enfant (Résolu) » Forum - Wordpress Modifier largeur colonne dans thème Powerpoint 2010 (Résolu) » Forum - Powerpoint

Web: www.shapebootstrap.net

13 réponses

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Bonjour,

Le CSS additionnel du menu Publication, ça fonctionne comme l'Editeur du menu Apparence.
Vous définissez simplement vos styles, exple :

ul li a:hover{
text-decoration:underline;
}

Merci Happybob 1

Avec quelques mots c'est encore mieux Ajouter un commentaire

CCM a aidé 22500 internautes ce mois-ci

Reply
réponses:
  • auteur

  • Amin3007

    Merci pour ta réponse Happybob.
    J'avais essayé avec un simple changement de police et ça n'avait pas marché, Wordpress me signalait une erreur. Juges-en par toi-même : j'avais écrit : font-family: Montserrat, sans-serif;
    Je ne comprends pas pourquoi ça ne marche pas...

  • Happybob

    Si c'est une Google font, il faut aussi faire l'appel entre les balises <head></head> comme ceci :

    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

    Essayez aussi en écrivant "Montserrat" entre guillemets :
     font-family: "Montserrat", sans-serif; 

  • Amin3007

    Merci de ta réponse si rapide! J'essaie ça tout de suite!

  • Amin3007

    Malheureusement aucune des deux versions ne marche... Lorsque je tape ta première proposition, l'ordinateur m'indique que le balisage est n'est pas autorisé et lorsque je tape la seconde le message suivant apparaît : "Expected a 'FUNCTION' or 'IDENT' after colon at Line 1, colon 12"...
    Souhaite-tu que j'insère des captures d'écrans pour illustrer mon propos?

  • Happybob

    Le mieux serait le lien du site.

  • Amin3007

    En quoi cela t'aiderait, si je puis me permettre...?

  • Happybob

    A vous aider ;)
    Mais de toute façon je n'en aurais pas le temps aujourd'hui car je pars en WE...
    Regardez déjà s'il ne manque pas un } dans votre code CSS servant à fermer une définition de style.
    Vu l'erreur que vous avez, cela ne m'étonnerait pas.

    Par exemple :


    ul li a:hover{
    text-decoration:underline;

    au lieu de :

    ul li a:hover{
    text-decoration:underline;
    }

Marsh

NOVEMBER 9, 2013 AT 9:15 PM

Bonjour

copie le code css original ( sans les lignes d'entêtes) dans le fichier css du thème enfant ainsi c'est plus facile de se repérer puisque tu auras accès à tout le code css.


Merci elgazar 1

Avec quelques mots c'est encore mieux Ajouter un commentaire

CCM a aidé 22500 internautes ce mois-ci

Reply
réponses:
  • Amin3007

    Bonjour elgazar, merci de ta réponse.
    J'ai copié le CSS du thème parent que j'ai collé dans le CSS du thème enfant. Le message suivant apparaît alors : "Il y a 1 erreur qui doit être corrigée avant de mettre à jour ce fichier."
    Je ne comprends pas pourquoi...

  • elgazar

    est ce que tu as copiés seulement les règles ou l'ensemble du fichier css ?

  • Amin3007

    Finalement j'ai réussi à modifier la typo en m'attaquant directement à mon fichier style.css sur FileZilla! J'en profite pour te demander si tu sais comment enlever les puces qui apparaissent dans mon footer avec ce même fichier. En effet, chacune des informations de contact que je donne dans le footer est précédée d'une puce...
    Merci encore

  • elgazar

    recherche les entrées correspondantes au footer, tu dois avoir une ligne commençant par list-style-type ou list-style-image dans le code css, supprime simplement cette ligne

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed