Ondersteuning » Thema en CSS/opmaak » 1 basis kleur van theme omzetten

  • Opgelost halloMK

    (@hallomk)


    Hallo allemaal,

    Voor mijn site mirjamkroondijk.nl heb ik het theme Lensa van Colorlabs geïnstalleerd. Hiervoor heb ik ook een child theme aangemaakt.

    Nu wordt er door de hele site heen een oranje kleur gebruikt nl #D66000 deze zou ik graag willen vervangen voor #009ee0.

    Is hier een code voor te bedenken die ik bv plaats in het child theme of misschien in het custom stylesheet?

    Wie weet of dat kan, zo ja welke code dat dan zou zijn en waar plaats ik deze code dan?

    Alvast bedankt!

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Als het om een beperkt aantal wijzigingen gaat, kan je ze wellicht één voor één opzoeken en ze in één keer omzetten door ze [gescheiden door komma’s] bij elkaar te zetten.

    bijvoorbeeld [obv jouw site]:

    .entry-title, .entry-date span, a, a:hover
      color: #009ee0;
    }
    
    .widget_search input[type='submit'],
    .widget_colabs_search input[type='submit']{
      background: #009ee0;
    }

    Blijken er nou veel meer ‘verborgen’ elementen te zijn:

    1. Gebruik FTP en een EDITOR bijvoorbeeld ‘NOTEPAD++’ om je site te benaderen
    2. ga op zoek naar alle CSS-bestanden bijv. ‘styles.css en framework.css’
    3. doe een zoekopdracht <ctrl-F> #D66000 om alle vermeldingen van die kleur te vinden
    4. vervolgens heb je twee opties:
    • aanbevolen optie 1:kopieer steeds de ‘hele regel’ en plak die [tijdelijk] in een bestandje > kijk kritisch naar de CSS regel en hevel de elementen over naar de aanpassingen zoals hierboven naar de css van je childtheme. Zo houd je ‘parent’ en ‘child’ keurig gescheiden. Vooral in de toekomst goed voor onderhoud en aanpassingen.
    • optie 2: quicker en dirty
      Sla eerst even een backup op van alle css-bestanden [just in case…]
      Doe ‘zoek en vervang’ <ctrl-h> zoek: #D66000 en vervang door # #009ee0; doe dit in de parent CSS-en. Daarmee gooi je [in dit specifieke geval] het nut van een child even weg, in ruil voor ‘snelheid’.
    • bij optie 1: plaats de aanpassingen in je child-CSS
    • sla alle wijzigingen op
    • ververs je browser <CTRL-F5> en controleer het resultaat
    • Hierboven staat alvast een ‘beginnetje’.
      Veel plezier

    Thread starter halloMK

    (@hallomk)

    Super bedankt W.P. Ginfo!

    Heel erg blij met je reactie, het werkt!

    graag gedaan

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘1 basis kleur van theme omzetten’ is gesloten voor nieuwe reacties.