Ondersteuning » Thema en CSS/opmaak » override css van een plugin

  • Ik wil bepaalde stukken van een plugin css overrullen.

    Op zich vrij makkelijk dacht ik, aanpassingen maken in de css van de template en er !important; achter zetten.

    Het gekke is dat dit soms werkt en soms moet je de pagina 3 keer herladen voordat de veranderingen geladen worden.

    Het mooiste zou zijn een child plugin maken maar das niet simpel heb ik al begrepen

    Iemand een idee??

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Probeer dit eens…

    1. Open de stylesheet van de plugin.
    2. Zet al jouw css-aanpassingen ONDERAAN!!!
    3. Sla op
    Thread starter peterdewith

    (@peterdewith)

    Dank Ginfo,

    dat snap ik echter als er een update is van de plugin is alles weg

    Hi Peter,

    …ja, dat klopt.
    Dat maakt het gebruik van backups en handmatige updates heel BELANGRIJK! 😉
    Natuurlijk kan je dan vóór de handmatige update, jouw aanpassingen invoegen.

    ??Stomme vraag // opmerking??

    Volgens mij kan je door de plugin een iets andere naam te geven, ‘onttrekken aan het ouderlijk gezag’ en veiligstellen voor updates.
    Dan moet je zowel de mappen / bestanden aanpassen, maar ook de koppen in de php-bestanden met de oude verwijzing.

    Ik zie vast heel veel over het hoofd [ik heb geen verstand van het bouwen van plugins..] maar volgens mij moet dat kunnen.

    Hey Peter, wat je kunt doen is al je wijzigingen maken in een child/apart css bestand en deze importeren in de style.css via:

    @import url(“css/jouw-stijl-wijzigingen.css”);

    Deze linkt uiteraard naar het css bestand waar je alle custom wijzigingen maakt.

    Op deze manier hoef je maar 1 regel opnieuw toe te voegen aan de style.css en dan is de @import.

    Child plugins zijn tricky en moeten door de plugin worden ondersteund. Heeft de ontwikkelaar hier geen rekening mee gehouden dan wordt het zonder programmeerkennis praktisch onmogelijk. Als dit wel het geval is kun je middels hooks in php een eventuele child plugin creëren.

    Info: https://iandunn.name/the-right-way-to-customize-a-wordpress-plugin/

    Thread starter peterdewith

    (@peterdewith)

    Wat ik nu heb gedaan is het in een chid thema gezet in de css met !important er achter, dat werkt wel maar helaas niet altijd de eerste keer.

    Voordeel is wel dat het behouden blijft.

    Kan eens kijken of ik de auto update van 1 plugin kan uitzetten

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘override css van een plugin’ is gesloten voor nieuwe reacties.