18041 sujets

Questions générales et questions de débutants

Modifier le bootstrap d'un thème wordpress

Bonjour, je cherche à modifier le h3 d'un thème wordpress. Je vois que celui-ci se trouve dans le bootstrap.css. Je ne sais pas comment m'y prendre pour le modifier, vu que je travaille sur un thème enfant?

Merci!
Salut Molly,

Moi je regarderai ton fichier boostrap.css, voir la ligne de la règle pour le <h3> et le modifierai direct... j'ai modifié un thème wordpress comme ça, en modifiant (rajout, suppression, modification) le css
C est ce que j ai fais aussi mais je ne peux pas faire ca. Lors de la prochaine mise a jour wp va écraser mes fichiers? Du coup je vais perdre la modif!?
Oui, il ne faut pas modifier la feuille de styles du thème parent, mais avoir une feuille de styles spécifique dans ton thème enfant. Tu peux créer un fichier header.php dans ton thème enfant, qui surchargera donc le fichier correspondant au sein du thème parent. Tu duplique simplement le fichier du thème parent, puis tu appelle un fichier CSS différent. Sinon tu peux aussi appeler un autre fichier CSS qui surchargera les styles du thème parent. Comme tu veux.
Ouip dès qu'il y une mise à jour ça écrase tout.. Je fais une sauvegarde spécifique de mes fichiers modifiés. .
Salut,
Je te conseille de ne pas toucher au fichier bootstrap.css, mais juste de réécrire les règles associées au H3 sur ton fichier style.css de ton thème enfant. Si la surcharge d'une règle css n'est pas prise en compte, tu peux la forcer en utilisant " !important " (exemple : h3 { color :#fff !important; } )
Ok merci je vais tester ca car oui le css ne prend pas du tout sur le bootstrap je vous dis quoi une fois testé j espère que ça ira
!important c'est sale, il faut l'utiliser en dernier recours. Mieux vaut toujours créer une règle pour l'élément concerné avec une priorité plus importante pour surcharger celui-ci.
Modifié par MeMeN (23 Aug 2015 - 23:14)
Bonjour,

NON, pas de !important qui tienne ! C'est inmaintenable et dégueu Smiley ravi

Les styles de ta CSS du thème enfant ne surcharge pas les styles de la CSS parent ? Est-ce que cette CSS enfant est bien appelée en partie <head>…</head> de tes pages au moins ? Le chemin est correct ?
Non non quand je surcharge mon theme enfant il prend bien le dessus sur le theme Parent par contre dans le dossier de mon theme parent il y a un bootstrap.css dans lequel sont définies les h1 , 2 , 3 etc... C est le theme modality. Et je voudrais changer la couleur de mes sous titres. Je ne peux le faire qu a partir du bootstrap. Mais une fois que je charge les modification dans mon theme enfant Ca ne surcharge pas le bootstrap. Difficile à expliquer comme ca mais a la limite je peux faire des prints. Si je ne dois pas faire !important que dois je faire?
En faite on dirait que dans ce theme le gars a créer deux feuilles de style. Une qui d appelle style.css que je parviens à gérer et l autre bootstrap que je ne parviens pas à modifier via mon theme enfant a moins que je m y prends mal
Administrateur
Bonjour,

est-ce qu'il y a moyen depuis le thème enfant de supprimer l'appel du bootstrap.css du thème parent ou bien est-ce que ce n'est pas possible ?
Pour avoir 2 bootstrap.css dont le 2e ayant en tout point plus de poids que le 1er, c'est facile avec LESS (ou Sass) mais c'est pas optimal de les charger tous les 2 Smiley ravi
Modifié par Felipe (24 Aug 2015 - 17:17)
Sujet clos
Aller à