Ondersteuning » Thema en CSS/opmaak » Kleur H1 tekst wijzigen in CSS-bestand van Child

  • Sinds kort ben ik bezig met het bouwen van een website via WordPress. De site begint aardig vorm te krijgen. Door steeds meer te lezen over WordPress kwam ik er achter dat het verstandig en zeer nuttig is om gebruik te maken van Child Themes. Na de noodzakelijke handelingen verricht te hebben dacht ik even snel om de kleur van H1 t/m H6 te veranderen, waardoor ik niet bij elke regel dit hoeft aan te passen met <h1><span style=”color: #009bc2;”>tekst …</span></h1>. Wat ik tot op heden ook heb geprobeerd (inmiddels al meer dan vier uur) het lukt maar niet op het werkend te krijgen. Ik gebruik de template van Yoko gemaakt door Elmastudio. Welke code moet ik opnemen in het css-bestand (child)? Wie of wie kan mij helpen?

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Hallo MaJuC,

    Heel goed dat je een childtheme gebruikt. Dat scheelt soms een hoop ellende.
    Ik ken de theme van Elmastudio niet. Aangezien de url van je site niet is vermeld, kan ik geen ‘advies op maat’ geven.

    Een wijziging van h1 – h6 kan er ongeveer zó uitzien:

    h1,h2,h3,h4,h5,h6{
               color:#009bc2;}

    Dat gaat niet altijd voor alle h1-h6 in één keer de boel veranderen…
    Namelijk, wanneer elders in de originele css, bijzondere regels zijn gemaakt. Bijvoorbeeld

    h1 a:hover {color: #99cc66;} enzovoort.

    Je zal dus je site even moeten nalopen en kijken of de aanpassingen die je maakt op alle plekken zo uitpakken als je wilt.
    Tools zoals ‘firebug’ voor je browser, helpen je om te zien / onderzoeken welke kenmerken een element van je site heeft. Ook biedt het de gelegenheid te kijken of de verandering van de css voor dat element het gewenste effect heeft. Is dat het geval, neem dan de gewijzigde waarden op in de css van het childtheme.

    Thread starter MaJuC

    (@majuc)

    Beste Ginfo,

    bedankt voor je reactie. De voorgestelde code werk niet. Dit probleem had ik ook al gisteren. In het oorspronkelijk css-bestand staan inderdaad o.a. hoover bestanden. Het css-bestand is vrij uitgebreid en eerlijk gezegd is het allemaal abracadabra. Niet alles maar toch veel. Men kreten als hoover zeggen mij nog weining. Hierdoor is het lastig om dit bestand te lezen laat staan aan te passen. Het lijkt mij verstandig om maar eerst te verdiepen in de thermologie, ander blijkt het maar aanrommelen om het gewenste resultaat te halen. De website draait en dat is voor nu denk ik wel het belangrijkste. Weet jij nog een goed boek (uiteraard niet te moeilijk), of een cursus die ik zou kunnen volgen? Voel me echt een leek.

    Hier wat tips etc.

    1. Het internet staat vol met instructiemateriaal.
    2. Goede goed gestructureerde lessen (online video’s met oefenbestanden) [alleen in het Engels] kan je krijgen [tegen betaling] bij http://www.lynda.com.
    3. Aanpassen ‘code’:
      Gebruik voor het aanpassen van code een ‘EDITOR’ zoals NOTEPAD++, in plaats van MSWord of een wordprocessor!!
      http://notepad-plus-plus.org/download/v6.3.1.html
    4. Download en installeer Filezilla of een ander FTP-programma, voor het maken van back-ups en het up- en downloaden van bestanden, plug-ins etc. [http://filezilla-project.org/download.php]
    5. Browser: Installeer de ‘firebug’-plugin en ‘webdeveloper’ http://chrispederick.com om je site en andere site te onderzoeken. Zo kom je te weten welke css-stijlen zijn ingesteld voor de verschillende onderdelen op de webpagina.
    6. Lees meer:
      http://codex.wordpress.org/Using_FileZilla
      http://codex.wordpress.org/nl:WordPress_Lessen
      http://www.w3.org/Style/Examples/011/firstcss.nl.html
      http://codex.wordpress.org/Getting_Started_with_WordPress
      http://codex.wordpress.org/CSS
      http://codex.wordpress.org/Finding_Your_CSS_Styles
      http://codex.wordpress.org/FAQ_Troubleshooting
    Thread starter MaJuC

    (@majuc)

    Beste Ginfo,
    Bedankt voor je reactie. Er is inderdaad heel veel op internet te vinden, hier door zie ik soms door de bomen het bos niet meer. Waar moet je beginnen en waar moet je stoppen. Soms zit ik te lessen en na afloop heb ik de vraag en nu …? Een of andere cursus zou denk ik beter bij mij passen …… via internet uitpluizen kost wel veel tijd. Ik gebruik al een tijdje filezilla op up te loaden en om backups te maken. Als editor gebruik ik het programma PSPad, het probleem hierbij is dat ik er geen ene moer van snap hoe dit werkt, zo ook met firebug. Ik zie van alles en heb geen idee wat ik nu eigen zie. Codes e.d. pas ik nu aan in WordPress onder het tabblad “tekst”. Kortom er komt wel heel veel informatie tegelijk op mij af, tja hoe ga ik dit allemaal managen met mijn tijd?

    In dat geval lijkt een goede internet cursus van lynda.com een goede oplossing.
    Er zijn goede basiscursussen die per hoofdstuk gegroepeerd zijn en steeds in kleine stukjes van ong. 5 minuten een onderwerp behandelen.
    Zo wordt in totaal ongeveer 60 video-instructies de basiskennis en oefening aangeboden. Ook kan je die zaken overslaan die je al onder de knie hebt enz.
    Nogmaals, het is allemaal in het Engels en gratis is het net, maar de kwaliteit is goed.

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘Kleur H1 tekst wijzigen in CSS-bestand van Child’ is gesloten voor nieuwe reacties.