Modifier le CSS avec thème enfant

Amin3007 Messages postés 18 Date d'inscription   Statut Membre Dernière intervention   -  
elgazar Messages postés 5841 Date d'inscription   Statut Membre Dernière intervention   -
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!
A voir également:

2 réponses

Happybob Messages postés 15 Date d'inscription   Statut Membre Dernière intervention   2
 
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;
}

1
Amin3007 Messages postés 18 Date d'inscription   Statut Membre Dernière intervention  
 
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...
0
Happybob Messages postés 15 Date d'inscription   Statut Membre Dernière intervention   2
 
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; 
0
Amin3007 Messages postés 18 Date d'inscription   Statut Membre Dernière intervention  
 
Merci de ta réponse si rapide! J'essaie ça tout de suite!
0
Amin3007 Messages postés 18 Date d'inscription   Statut Membre Dernière intervention  
 
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?
0
Happybob Messages postés 15 Date d'inscription   Statut Membre Dernière intervention   2 > Amin3007 Messages postés 18 Date d'inscription   Statut Membre Dernière intervention  
 
Le mieux serait le lien du site.
0
elgazar Messages postés 5841 Date d'inscription   Statut Membre Dernière intervention   1 326
 
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.


1
Amin3007 Messages postés 18 Date d'inscription   Statut Membre Dernière intervention  
 
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...
0
elgazar Messages postés 5841 Date d'inscription   Statut Membre Dernière intervention   1 326 > Amin3007 Messages postés 18 Date d'inscription   Statut Membre Dernière intervention  
 
est ce que tu as copiés seulement les règles ou l'ensemble du fichier css ?
0
Amin3007 Messages postés 18 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
elgazar Messages postés 5841 Date d'inscription   Statut Membre Dernière intervention   1 326 > Amin3007 Messages postés 18 Date d'inscription   Statut Membre Dernière intervention  
 
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
0