Support » Thema en CSS/opmaak » Letterhoogte widget-menu in het thema aanpassen

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

    Normaal gesproken raad ik je aan om een zogenaamd childthema te maken waarin je al je aanpassingen zet. Dit zodat je aanpassingen niet verloren gaan zodra er een nieuwe versie van Tiny Forge beschikbaar is.

    Als je behalve deze letterhoogte niets wilt aanpassen, zou je kunnen gaan naar Weergave > Editor en kies het stylesheet aan en zoek naar: .widget-title

    Daar zie je nu 27px en 1.928571428rem staan en die 2 moet je wijzigen.
    Je kunt de rem grootte berekenen via bijvoobeeld:
    https://offroadcode.com/prototypes/rem-calculator/
    (vul bovenin 14px in = standaard font size van dit thema)

    En als je de ruimte onder deze widget titels wilt aanpassen, zoek naar: .widget-area .widget h3

    Guido

    Thread starter vanoorsouw.nl-wordpress

    (@vanoorsouwnl-wordpress)

    Dag Guido;
    Bedankt voor je snelle reactie en goede raad.
    Ik heb conform de witget-title aangepast naar 14px en 1rem.
    Echter, na het opslaan van deze wijzigingen veranderd de letterhoogte niet.
    Ongetwijfeld doe ik wat verkeerd, maar wat?.

    Groet
    Leo

    Hallo,

    Het zou zo goed moeten gaan, heb het zelf getest.
    Heb je de pagina wel ververst?

    Ik neem aan dat het je bedoeling is om de grootte vd letter kleiner te maken?

    Guido

    Thread starter vanoorsouw.nl-wordpress

    (@vanoorsouwnl-wordpress)

    Dag Guido;

    Ik wil inderdaad alleen de grootte van de letter verkleinen.
    Ook als ik 12px en 0.857142857rem invoer en opsla, wordt deze wijziging niet doorgevoerd.

    Groet
    Leo

    Hij wordt maar 1 keer genoemd in file style(.css) en staat onder het kopje ‘2.0 Repeatable patterns’, standaard staat er dit:

    .widget-title {
    	font-size: 27px;
    	font-size: 1.928571428rem;
    	font-weight: normal;
    	line-height: 1.4;
    	text-transform: uppercase;
    	color: #FC9F00;
    }

    Beide font-size aanpassen, opslaan en dan pagina verversen.

    Of bedoel jij misschien niet de widget titels maar een andere titel?

    Guido

    Thread starter vanoorsouw.nl-wordpress

    (@vanoorsouwnl-wordpress)

    Dag Guido;

    Even weg geweest vanwege een bezoek.

    Ik heb bovenstaande als volgt gewijzigd, daarna opgeslagen en de pagina ververst, zonder resultaat,

    /* 2.0 Repeatable patterns
    ————————————————————– */

    /* 2.1 Small headers */
    .archive-title,
    .page-title,
    .entry-content th,
    .comment-content th {
    font-size: 27px;
    font-size: 1.928571428rem;
    font-weight: normal;
    line-height: 1.4;
    text-transform: uppercase;
    color: #333;
    }
    .archive-title,
    .search-results .page-title {
    color: #8DC919;
    }
    .widget-title {
    font-size: 12px;
    font-size: 0.857142857rem;
    font-weight: normal;
    line-height: 1.4;
    text-transform: uppercase;
    color: #FC9F00;

    Ik wil inderdaad alleen de widget titels in een kleine size uitvoeren.

    Groet Leo

    Als ik je site vanoorsouw.nl bekijk wel hoor dus mogelijk moet je het even in andere browser of anere pc proberen.

    En als je code wilt plaatsen, svp de regel boven je code en de regel onder je code op ‘code’ knop klikken.

    Guido

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘Letterhoogte widget-menu in het thema aanpassen’ is gesloten voor nieuwe reacties.