Modifier le CSS avec thème enfant

Fermé
Amin3007 Messages postés 18 Date d'inscription vendredi 6 juillet 2018 Statut Membre Dernière intervention 30 juillet 2018 - 12 juil. 2018 à 13:50
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 - 13 juil. 2018 à 16:35
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 mercredi 11 juillet 2018 Statut Membre Dernière intervention 15 octobre 2018 2
12 juil. 2018 à 16:49
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 vendredi 6 juillet 2018 Statut Membre Dernière intervention 30 juillet 2018
13 juil. 2018 à 08:33
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 mercredi 11 juillet 2018 Statut Membre Dernière intervention 15 octobre 2018 2
13 juil. 2018 à 08:45
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 vendredi 6 juillet 2018 Statut Membre Dernière intervention 30 juillet 2018
13 juil. 2018 à 08:52
Merci de ta réponse si rapide! J'essaie ça tout de suite!
0
Amin3007 Messages postés 18 Date d'inscription vendredi 6 juillet 2018 Statut Membre Dernière intervention 30 juillet 2018
13 juil. 2018 à 08:57
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 mercredi 11 juillet 2018 Statut Membre Dernière intervention 15 octobre 2018 2 > Amin3007 Messages postés 18 Date d'inscription vendredi 6 juillet 2018 Statut Membre Dernière intervention 30 juillet 2018
13 juil. 2018 à 10:01
Le mieux serait le lien du site.
0
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 322
12 juil. 2018 à 23:01
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 vendredi 6 juillet 2018 Statut Membre Dernière intervention 30 juillet 2018
13 juil. 2018 à 08:44
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 mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 322 > Amin3007 Messages postés 18 Date d'inscription vendredi 6 juillet 2018 Statut Membre Dernière intervention 30 juillet 2018
13 juil. 2018 à 10:55
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 vendredi 6 juillet 2018 Statut Membre Dernière intervention 30 juillet 2018
13 juil. 2018 à 12:02
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 mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 322 > Amin3007 Messages postés 18 Date d'inscription vendredi 6 juillet 2018 Statut Membre Dernière intervention 30 juillet 2018
Modifié le 13 juil. 2018 à 16:35
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