Ondersteuning » Algemeen WordPress » font wijzigen

  • Opgelost nelleke54

    (@nelleke54)


    Gekozen voor ander thema, nog veel mooier vind ik.

    Maar ik zie op deze pagina een afwijkend lettertype “De huidige feiten op een rij:

    Hoe kan ik basis font wijzigen? heb gevonden:
    https://nl.wordpress.org/support/search/standaard+font+wijzigen/

    .entry-title, .page-title {
    font-family:gabriola !important;
    color:#99cc66;/*kleur lettertype*/
    font-size:3.25em; /*lettergrootte rekeninghoudend met verschillende devices*/

    }
    h1,h2,h3 {
    font-family:gabriola !important;
    color:#99cc66;/*kleur lettertype*/
    }
    h1{ font-size:3.25em; /*lettergrootte rekeninghoudend met verschillende devices*/}
    h2{ font-size:2.75em; /*lettergrootte rekeninghoudend met verschillende devices*/}
    h3{{ font-size:2.25em; /*lettergrootte rekeninghoudend met verschillende devices*/}
    +

    Heb gabriola gewijzigd in verdana maar geen verschil

    Terwijl ik op deze pagina echt 2 soorten zie, Enne, ik ik vind die lichtere kleur wel mooier dan zwart.

    Dus maw, ik kom er niet uit en zou tips bijzonder waarderen!

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Hoi Nelleke,

    Ik zie de font “Open Sans” als ik in de code van je site kijk.
    De h5 tussenkopjes die je gebruikt (zoals “Gevolgen van schulden”) hebben wel een andere kleur dan de tekst.
    Kun je de kleuren niet wijzigen via de instellingen van je thema?

    Guido

    ps. als je code plaatst graag vóór en na de code de “code” knop gebruiken.

    Thread starter nelleke54

    (@nelleke54)

    Helaas niet. Dus daarom dacht ik dat ik het daarom maar in css moest doen. Ik kan nl niet in theme de H1 tm h5 veranderen. Tja het ene theme heeft dit niet, het andere dat niet, iets van bomen en bos….

    Dus dat font overschrijven lukt niet. Als ik een child theme aanmaak, zou ik het dan in een css bestand moeten wijzigen? Ik kan daar eenvoudig bijkomen en als ik het in het child theme doe, is het dan veilig? Kan ik dan terug naar het hoofd theme?

    • Deze reactie is gewijzigd 3 jaren, 3 maanden geleden door nelleke54. Reden: aanvulling

    Hallo,

    Je kunt het ook doen via de Aangepaste CSS pagina van de Customizer in je dashboard. In plaats van een child thema aan te maken. Ik zie overigens 1 lettertype en dat is dus Open Sans. Alleen de rode button wijkt af. En verschillende tekst kleuren (donker en lichter). Wat wil je nu precies wijzigen?

    Guido

    Thread starter nelleke54

    (@nelleke54)

    Rode button klopt. Ik vraag me echter het volgende af. Als ik dingen toevoeg aan extra CSS, verdwijnt dat dat bij update theme? Want ik lees over advies alles in child theme te doen. Maar jammer genoeg zit daar de slider niet in. Dus de pro versie kopen van theme appointment? Advies?

    Ik wil overal letter verdana. H1tm h5 afwijkend. Even uit mijn hoofd (zit in auto) de h5 en h1 ook in kleur, is er een schema in leken taal
    Tekst verdana 12p
    H1 verdana 26 kleur groen
    H2 vrdana 24 zwart
    Enz

    Hoi,

    Child thema gebruik ik alleen als ik veel aangepaste CSS heb, of als ik zaken aan het thema aanpas die ik niet met aangepaste CSS kan doen.

    De Aangepaste CSS pagina in de Customizer gebruiken is handig bij kleine aanpassingen van de styling.

    Dit thema gebruikt dus Open Sans en je moet meerdere elementen benaderen om dat te overschrijven, vervelend.

    Probeer dit eens voor aanpassen van font:

    
    body {font-family: Verdana, sans-serif !important;}
    h1,h2,h3,h4,h5 {font-family: Verdana, sans-serif !important;}
    p, .textwidget {font-family: Verdana, sans-serif !important;}
    

    Het is onverstandig om direct kleur aan bovenstaande toe te voegen, omdat je dan álle elementen van kleur verandert. Dus ook elementen die je juist niet wilt wijzigen zoals bijvoorbeeld de witte h1 pagina-titel.

    Dus als je de h1, h2 en h3 in het content gedeelte vd site wilt wijzigen:

    
    .page-builder h1 {color:#008000;}
    .page-builder h2 {color:#000000;}
    .page-builder h3 {color:#000000;}
    

    Succes!

    Guido

    Thread starter nelleke54

    (@nelleke54)

    Nog steeds mee bezig om het te verfijnen. Heerlijk die tips, heb er veel aan!

    Thread starter nelleke54

    (@nelleke54)

    Aanvullende vraag
    Ik gebruik nu de plugin google fonts. Even zoeken maar handig om mee te werken, je ziet gelijk het resultaat in customizer.

    Alleen lukt het me niet met lijsten. Heb bij css ingesteld

    Hoi,

    Heb je binnen die plugin ook de mogelijkheid om de font/grootte/kleur van de body of de UL/LI elementen te wijzigen?

    Zo niet, probeer dan eens deze CSS op de aangepaste CSS pagina van de Customizer in je dashboard:

    
    ul li, ul li a, ol li, ol li a {font-family:verdana; font-size:16px; letter-spacing:1px; color:#000;}
    

    (ik heb de voorkeuren overgenomen van de rest van je website)

    Guido

    Thread starter nelleke54

    (@nelleke54)

    Super het werkt! In de plugin werkte het niet maar direct in CSS wel. Dank je wel !!!

    Graag gedaan!

    Guido

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Het onderwerp ‘font wijzigen’ is gesloten voor nieuwe reacties.