Ondersteuning » Thema en CSS/opmaak » Bewerken regel (code) in een inline stijblad

  • Hi, sinds kort maak ik ook gebruik van WordPress. Ik kan redelijk mijn weg vinden in het bewerken van een bestaande template naar eigen wens. Ik gebruik hiervoor o.a. Firebug, Notepad ++, Xampp. Wat ik b.v. dan doe is via Firebug achterhalen welke code/regels betrekking hebben op een bepaald stukje layout. Vervolgens doe ik een aanpassing of een toevoeging in de betreffende .css file. Alleen sommige stukjes layout kan ik niet terugvinden in de aanwezige .css files van de template of plugin. In firebug vind ik zo’n stukje layout terug in een inline stijlblad.

    Ik wil b.v. een hover sidebar (plugin) meer uitlijnen naar links. Staat nu op [ left:0px ], maar moet b.v. worden [ left: -15px ]. Deze regel staat in een inline stijlblad volgens Firebug. Ik zie deze regel niet terug in een .css file van deze plugin.

    Hoe kan ik zo’n inline stijlblad bewerken? Bijgaand 2 screenprints waar ik op doel.

    http://www.ralphswoodwork.nl/Firebug_inline%20sijlblad_ralphswoodwork.png

    http://www.ralphswoodwork.nl/Firebug_inline%20sijlblad_ralphswoodwork_2.png

    Ik hoop dat iemand mij verder op weg kan helpen.

    Dank alvast.

1 reactie aan het bekijken (van in totaal 1)
  • Algemeen, dus niet alleen in jouw situatie: Het maken van dergelijke aanpassingen maak je het liefst in het childtheme , ipv het originele theme.

    Voeg aangepaste code toe aan style.css van je CHILDtheme.
    Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.
    Verder heeft het als voordeel dat alle aanpassingen overzichtelijk bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.

    Kies je ooit een ander theme, dan dien je een nieuw childtheme te maken.

    Heb je nog geen childtheme?

    1. installeer en activeer ‘one click childtheme’-plug-in
    2. activeer de originele theme
    3. Dashboard > weergave > child theme
    4. beantwoordt de vragen op het scherm
      >> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
    5. Activeer het childtheme.
    6. ==

    7. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
      – Maak je aanpassingen in style.css van het childtheme;
      – mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.
1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Bewerken regel (code) in een inline stijblad’ is gesloten voor nieuwe reacties.