Ondersteuning » Thema en CSS/opmaak » Stylesheet van child themes

  • 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)

    Wel, dit is inmiddels opgelost. Ik heb de stylesheet van mijn child theme vrijwel onderin aangeroepen via header.php.

    • Deze reactie is gewijzigd 5 jaren, 7 maanden geleden door iPixtitude.

    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;

    @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

    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

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

    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.

    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

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘Stylesheet van child themes’ is gesloten voor nieuwe reacties.