Showit

Je blog-headings aanpassen met CSS in Showit

januari 4, 2022

Ik ben Marit.
Ik help vrouwelijke ondernemers met het maken en zelf bijhouden van een kick-ass website!
TOp categories
Alles over de fijnste websitebuilder die er bestaat
Alle nieuwtjes omtrent de Instagram updates en meer!
Download mijn gratis e-book
Gimme that

Met de designtool van Showit bepaal je in één keer hoe al je titels en kopjes er uit komen te zien op je website. Handig, maar wat nou als je een andere vormgeving wilt gebruiken in je blogposts? Met een simpel regeltje CSS kun je de vormgeving van je blog titels los van je overige headings aanpassen!

Waar voeg je de CSS toe?

Als je op de paginatitel van de Single Post pagina klikt. Zie je rechts een kopje staan met ‘advanced settings’. Hieronder valt ook een vlakje waarbij staat ‘Custom CSS’. Dit is het vakje waar jij je eigen CSS gaat schrijven.

Wat is CSS?

CSS is een codetaal waarmee je elementen op je website kunt vormgeven. Nu heb je natuurlijk juist voor Showit gekozen om van die code af te zijn, dus als je hier weinig verstand van hebt, dan geeft dat niks.

Je hebt normaal gesproken geen code nodig om Showit te gebruiken, maar voor deze speciale aanpassing komt CSS goed van pas.

Wat moet je invullen?

Om specifiek de headings (oftewel, de titels) binnen de blog aan te spreken en niet de titels op je gehele pagina, moeten we speciale selectoren gebruiken.

Zou je simpelweg de selector ‘h2’ gebruiken, dan heeft alles wat je daarna invoegt ook effect op de andere H2’s op je pagina.

De selector die je kunt gebruiken is:

‘.d .se-wpt h2’


Vervang H2 door H3, of H4 als je die ook graag wilt aanpassen.

De code die ik heb toegevoegd aan mijn blog pagina ziet er bijvoorbeeld als volgt uit:

.d .se-wpt h2 {
text-transform: none;
line-height: 1.6;
letter-spacing: 0em;
font-size: 25px;
text-align: left;
font-family: 'Butler Ultra Light';
font-weight: 400;
font-style: normal;
margin-top: 50px;
}

Je hoeft er natuurlijk niet zo veel stijl aan toe te voegen. Je letters iets groter of kleiner maken kan natuurlijk ook, of alleen het lettertype veranderen.


In dat laatste geval heb je alleen de waarde ‘font-family’ nodig.

Conclusie

Als je een beetje CSS kennis hebt, is dit een fluitje van een cent!

Kom je er toch niet uit? Stuur mij dan een berichtje, dan kan ik het ook voor je regelen!

Add a comment
+ show Comments
- Hide Comments

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.

Browse By Category

Showit

Webdesign

Marketing & instagram

SEO

benieuwd of Showit bij jou past?

Doe de Showit Quiz!

Showit is een builder die bij heel veel ondernemers past, maar ik snap dat je het wel zeker wilt weten voor je een template overweegt. Ontdek of Showit een goede match is voor jou! Ik beloof je, je krijgt eerlijk antwoord ;)

DOE DE QUIZ!

de studio

Website laten maken

Wil jij een website die er mooi uit ziet, goed werkt én die je zelf kunt bijhouden zonder moeilijke codes of editors? Studio MHilarius biedt precies dat waar jij naar op zoek bent. Jij kunt gemiddeld binnen 2 weken live!

MEER INFO
meer leren

Webdesign Academy

Na deze cursus weet jij ALLES over webdesign, typografie, hoe je met je website opvalt tussen al die andere fotografen en en hoe je online klanten aantrekt!

MEER INFO

Ben je benieuwd hoe de templates er bij anderen uit zien? Bekijk de showcase

de showit templates

Pas het template binnen 10 minuten aan naar je eigen stijl!

FREEBIE

Tips en tricks die jij direct kunt toepassen om meer ideale klanten binnen te halen.

FREEBIE

Zorg dat jij alle items op de checklist kan afvinken! 

Meld je aan voor de nieuwsbrief

Ontvang gratis tips over je website, marketing en nog veel meer als je lid wordt van de nieuwsbrief! 

Uiteraard kun je je op ieder moment weer afmelden (maar dat wil je vast niet ;))

Schrijf je direct in, helemaal gratis!