Lettertype grootte wijzigen bij reacties in een blog

[damnsharp]

Goejesmorgens!
Ik heb goede zin, lekker met een website bezig, zonnetje. Nu bij een andere website moet reacties op een blog (WordPress) de lettertype grootte wijzigen. Ik probeer al van alles maar ik zie niet in hoe ik het moet aanpassen zodat ik niet alle andere tekst van grootte aanpas. Helder? Vast niet, hier komt het linkje naar de test bericht op test website: bekijk het resultaat
Het gaat om de geneste reacties. Daar wordt de paragraaf tekst steeds groter. Why... beats me. Ook met firebug kom ik er niet uit.

Thanks!

 

[tecsman]

Het probleem zit 'm in de volgende CSS-regel:

#maincontent ul li {
    color: #333333;
    font-size: 1.2em;
    line-height: 18px;
}

Bij 'diepere' niveaus van de reacties, wordt deze regel steeds opnieuw over-geërft
waardoor de tekstgrootte steeds 1.2 em groter is dan het voorgaande niveau.

Als je bovenstaande verandert in font-size: 1em, ben je van het probleem af.

 

[tecsman]

Gebruik Firebug-extensie (of iets dergelijks)

Ik heb dit achterhaald in ongeveer 5 minuten,
met behulp van de Firebug-extensie in Firefox.

De website wordt boven in bovenste helft van mijn beeldscherm getoond,
het firebug-scherm komt in de onderste helft van mijn beeldscherm.

Bij het scrollen door de website
(oftewel: aanwijzen van de betreffende onderdelen)
geeft Firebug de onderliggende html-code én de css-code.

Daarbij kun je ook online de verschillende code-onderdelen veranderen,
waarbij het effect wel direct in beeld zichtbaar is
maar uiteraard zonder dat het wordt opgeslagen (ik kan niet jouw code op jouw server opslaan)
Bij weg-surfen ben je het weer kwijt.


Dit is een geweldig hulpmiddel voor een website-bouwer.

 

[damnsharp]

Dank je wel tecsman voor de snelle hulp! Firebug ken ik en gebruik dagelijks maar dat van overerving (en 1.2x dus groter worden van lettertype) dat wist ik niet. Weer wat bijgeleerd. Dank voor de duidelijke uitleg. :thumb: