CSS aanpassingen niet zichtbaar

  • Deleur

    (@deleur)


    9 jaren, 1 maand geleden

    Hallo allemaal,

    Ik heb vandaag een aantal css wijzigingen doorgevoerd met behulp van “element inspecteren”.

    Nu heb ik dus de wijzigingen gemaakt in het CSS bestand alleen zijn deze niet zichtbaar. Als ik vervolgens het element weer inspecteer dan zie ik de verwijderde elementen gewoon weer staan..

    Het wil ook nog voorkomen dat het stukje css wat ik weggehaald heb ook daadwerkelijk weg is, alleen wordt de pagina niet gewijzigd zoals het zou moeten tijdens “element inspecteren”

    Het lijkt alsof er nog een CSS bestand in de cache van de website zit.. wat overigens niet zo is.

    Klein voorbeeld:

    Ik wil boven de footer wat minder loze ruimte. Ik ga het elements inspecteren en test wat met de margin-top tot ik tevreden ben. Als ik vervolgens die wijziging doorvoer in het juiste bestand en ik upload het.. gebeurt er niets en zit er nog net zoveel ruimte tussen als voor de aanpassing…

    Iemand een idee?

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • W.P. Ginfo

    (@wp-ginfo)

    9 jaren, 1 maand geleden

    Tips:

    • Zorg dat aanpassingen van je css altijd ONDERAAN het stylesheet staan!
    • maak bij voorkeur gebruik van een childtheme om je wijzigingen te beschermen tegen updates van de makers van je theme… en om je eigen aanpassingen overzichtelijk bij elkaar te houden.
    • zorg dat de syntax van je css zo volledig mogelijk is en […duhhh geen fouten bevat…;)…]

    ==
    Voeg css 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, voor dat nieuwe theme.

    == == == 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. ==

    6. 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;

      7. == == == hoe?

    • Gebruik een FTP-programma bijvoorbeeld filezilla om je site te benaderen
    • open de map van je childtheme
    • gebruik een code-editor bijv. ‘NOTEPAD++’ [gratis] om het bestand ‘style.css’ van je childtheme te bewerken
    • voeg css code toe aan ‘style.css’ van je childtheme > sla alle wijzigingen op
    • [her-]UPload de aangepaste ‘style.css’ naar de map van je childtheme [en overschrijf]
    • browser: druk <CTRL-F5> om je browser te verversen
    • bekijk het resultaat
    Thread starter Deleur

    (@deleur)

    9 jaren, 1 maand geleden

    Bedankt voor de informatie

    Inmiddels ben ik erachter dat het toch een soort van caching was waardoor mijn wijzigingen niet direct zichtbaar waren, ook niet na ctrl + f5

    Klant van mij is tevreden hoe de website eruit ziet, (daar zijn de meningen over verdeeld overigens). Echter krijg ik de sidebar niet op dezelfde hoogte als mijn content. Dit moet ten alle tijden gelijk zijn aan elkaar.

    Heb je enig idee waar dit aan kan liggen?

    site is hier te zien

    Arjen_M

    (@arjen_m)

    9 jaren, 1 maand geleden

    De site staat op maintenance, dus er is geen sidebar te zien

    W.P. Ginfo

    (@wp-ginfo)

    9 jaren, 1 maand geleden

    Geef de url van je -werkende- site, dan kunnen we ZIEN wat het probleem is…. In den blinde is het niet te doen!

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘CSS aanpassingen niet zichtbaar’ is gesloten voor nieuwe reacties.