h2 is niet zichtbaar

  • Opgelost Johan1412

    (@johan1412)


    9 jaren, 3 maanden geleden

    Hallo,

    Als ik een h2 tag gebruik dan is dit niet zichtbaar. Dan lijkt ie of ie heeft gekozen voor een wit kleurig font.

    Ik kan in deze code niet ontdekken wat er mis is:

    h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #262626; letter-spacing: -1px; line-height: 1em; font-weight: bold; font-family: Arial, sans-serif;}
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #5e5e5e; }
    h1 { font-size: 28px; }
    h2 { font-size: 14px; }
    h3 { font-size: 13px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; }
    h6 { font-size: 14px; }
    p { padding-bottom: 10px; line-height: 30px; }
    strong { font-weight: bold; color: #1c1c1c; }
    cite, em, i { font-style: italic; }
    pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
    ins { text-decoration: none; }
    sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
    sup { bottom: 0.8em; }
    sub { top: 0.3em; }
    dl { margin: 0 0 1.5em 0; }

    Wie weet er mis is? Helaas kan ik geen voorbeeld laten zien, want die pagina heb ik nodig en ik heb de kop niet in gezet.

    Ik hoor t graag!
    Johan http://www.johanstevens.nl

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • webstan

    (@webstan)

    9 jaren, 3 maanden geleden

    Zoals je zei lijkt het erop dat er een wit kleurig font aan de h2 toegewezen wordt. Het kan zo zijn dat er een andere css code je code van hierboven overschrijft.

    Wat je kan proberen is:

    De h2 tag inspecteren met google chrome(inspect element) en dan kijkt wat voor een css er aan de h2 elementen wordt toegewezen. Op deze manier kan je dus zien waar de css code die je huidige code overschrijft vandaan kan komen.

    Mike

    (@mike_vl)

    9 jaren, 3 maanden geleden

    onderstaande code vind ik op johanstevens.nl terug

    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #FFFFFF; }

    Dit is een inline css stuk in je header. Ik verwacht dat dit ergens in je thema opties zo staat ingesteld?

    Thread starter Johan1412

    (@johan1412)

    9 jaren, 3 maanden geleden

    Veel dank. Waar kan ik dit veranderen? Niet in de style.css

    Alvast dank!

    Mike

    (@mike_vl)

    9 jaren, 3 maanden geleden

    Je zal je instellingen moet nalopen. kijk bijvoorbeeld eens bij de thema opties (onder weergave. Of bij de customizer (ook onder weergave)

    Je kan het natuurlijk ook overrulen door deze code in je child style.css te zetten (Ik heb de kleur op zwart gezet):

    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000000!important; }

    Maar zoals ik al zei, dit code blok wordt ergens door aan je header toegevoegd en dat zal je dus ook ergens uit kunnen zetten.

    Thread starter Johan1412

    (@johan1412)

    9 jaren, 3 maanden geleden

    Ik heb je code onderin style sheet gezet. Werkt niet.

    Graag jip en janneke taal. Ik heb qua html iq van 20.

    Welke instellingen? Geeeeen idee!

    Mike

    (@mike_vl)

    9 jaren, 3 maanden geleden

    Ik kan helaas niet in je site kijken dus dat maakt het lastiger.

    In de html code van je homepage zie ik onderstaande:

    <style type="text/css">
		body { color: #121111; }
		#recent-posts a { color: #FFFFFF; }
		ul.nav li a { color: #FFFFFF; }
		ul.nav li.current_page_item a, ul.nav li a:hover, #cat-nav-content ul.nav li a:hover, #cat-nav-content ul.nav li.current-cat > a  { color: #FFFFFF; }
		h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #FFFFFF; }

		#sidebar a { color:#FFFFFF; }
		p#copyright { color:#FFFFFF }
		#footer a, ul.bottom-nav li a { color:#FFFFFF }
	</style>

    Dit staat dus niet in style.css maar staat of: hard geprogrammeerd in je template, of het is een instelling die je kan aanpassen.

    Als je in het beheerscherm bij weergave kijkt. Staat daar dan iets van thema opties? (of kom je dat als je zoekt ergens anders tegen?)

    Als je het nergens tegenkomt dan kan je onderstaande proberen (waar je net de andere code onderin had geplaatst, die je nu hiermee mag vervangen)

    body #content h1, body #content h2, body #content h3, body #content h4, body #content h5, body #content h6, body #content h1 a, body #content h2 a, body #content h3 a, body #content h4 a, body #content h5 a, body #content h6 a { color: #262626!important; }

    Thread starter Johan1412

    (@johan1412)

    9 jaren, 3 maanden geleden

    Helaas, ondanks je vriendelijke hulp: het mag niog niet zo wezen!

    Deze code heeft geen effect op de zichtbaarheid.

    Als je nog een idee hebt, graag.

    Mike

    (@mike_vl)

    9 jaren, 3 maanden geleden

    Ik zie het inderdaad.

    Ik ben door de code heen gelopen, er worden wel veel externe bestanden (css, javascript etc) geladen. Ook missen er een aantal afbeeldingen (zoals deze: http://www.johanstevens.nl/wp-content/themes/bedrijfscabaret/images/footer-bottom_bg.png)

    Ik zou overwegen om met een nieuwe theme te beginnen.

    Maar als je toch met deze verder wilt:

    Als je deze code toevoegt als laatste voor de </head> tag in het header bestand van dit thema dan kan het niet anders dan werken.

    <style type="text/css">
body #content h1, body #content h2, body #content h3, body #content h4, body #content h5, body #content h6, body #content h1 a, body #content h2 a, body #content h3 a, body #content h4 a, body #content h5 a, body #content h6 a { color: #262626!important; }
</style>
    Thread starter Johan1412

    (@johan1412)

    9 jaren, 3 maanden geleden

    Ja! Het is gelukt.

    Veel dank hiervoor, Johan Stevens.

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

Tags