Stylesheet van child themes

iPixtitude
(@pixelprinses)

7 jaren, 9 maanden geleden

Ik bespeur iets heel raars in WP. Namelijk als je een child theme maakt, en je CSS-aanpassingen in de style.css van je child theme doet/zet, worden die aanpassingen absoluut niet meegenomen.
Ter info: ik gebruik meestal de plugin Childify me (https://nl.wordpress.org/plugins/childify-me/).

Het vreemde is dan dat als je wel een “!important” toevoegt, in de style.css van je child theme, de wijziging wel wordt doorgevoerd.

Anders dan in een Extra CSS van Jetpack of de Custom CSS van Simple Custom CSS plugin, want dan is zo’n “!important” toevoeging niet strikt noodzakelijk.

Is dat niet vreemd?! Waarmee ik maar wil stellen dat er iets niet klopt…

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)

Thread starter iPixtitude
(@pixelprinses)

7 jaren, 9 maanden geleden
Wel, dit is inmiddels opgelost. Ik heb de stylesheet van mijn child theme vrijwel onderin aangeroepen via header.php.
- Deze reactie is gewijzigd 7 jaren, 9 maanden geleden door iPixtitude.
peterdewith
(@peterdewith)

7 jaren, 8 maanden geleden

Het is verstandig om in de aanpassingen van je child style achter elke regel
!important; te zetten. hierdoor weet de browser dat deze regel voor gaat

dus
color: #00ff00 !important;
ipv
color: #00ff00;

aseverirene
(@aseverirene)

7 jaren, 8 maanden geleden

@peter: Dank, voor je reactie.

Ik lees dat de regel ‘!important ‘ juist onnodige rotzooi veroorzaakt, en liefst wordt vermeden, tot het uiterste geval…

Greetz,
Irene

peterdewith
(@peterdewith)

7 jaren, 8 maanden geleden

Ja en nee, een child thema moet alles van het thema overullen echter zullen de meeste opdrachten al bestaan. Denk aan een kleur van een achtergrond die je wil aanpassen.

De browser krijgt dan eerst door dat het #00ff00 is en later ziet hij dat het #4400ee moet zijn. Tja wie moet hij dan geloven?

Normaal is alles wat later wordt opgeroepen leiding gevend, met !important zeg je dat het voorrang heeft ongeacht waar het in de code staat.

Als je 2 keer dezelfde regel met !important gebruikt zal de laatste voorrang hebben

aseverirene
(@aseverirene)

7 jaren, 8 maanden geleden

@peter: Ja dat weet ik allemaal. Maar dank…

Arjan Roosemalen
(@ajroosemalen)

7 jaren, 8 maanden geleden

Sorry, maar de !important is niet voor dit bedoeld maar een noodoplossing om iets voor elkaar te krijgen. Meestal is dat het uitschakelen van de stijl declaraties die in het html zelf staan en is het dus verstandiger om te kijken of je dat kan veranderen dan om de !important te gebruiken.

Door zo veel code moet de browser ook langer “nadenken” voor dat hij de pagina kan laten zien dus uit het snelheidsoogpunt is het ook al geen goed idee.

peterdewith
(@peterdewith)

7 jaren, 8 maanden geleden

Klopt maar dat is het probleem van een child thema, je gaat dingen aanpassen terwijl de originele er ook al zijn dus dubbele code, dubbele css enz