Korte Divi CSS tricks: Centreren footer in 3 minuten

by | 17 maart 2017

We gaan beginnen!

Leer stap voor stap in een paar minuten hoe je met een paar regels CSS je footer tekst kunt centreren.

 

Ik ben zelf altijd bezig om mijn Divi sites zo aan te passen dat ze precies doen wat ik wil. Divi is van zichzelf als enorm veelzijdig. Maar tegelijk ook zo makkelijk aan te passen dat er bijna geen twee Divi sites zijn die er hetzelfde uit zien. 

[twenty20 img1=”1284″ img2=”1283″ direction=”vertical” offset=”0.5″]

In deze video tutorial leg ik uit hoe je de footer tekst in Divi kan centreren met een klein beetje CSS.

Dit is de CSS die ik gebruik:

#footer-info{

text-align:center;

font-size:14px;

word-spacing:2px;

}

Je kunt dit in 1x kopiëren. Maar natuurlijk ook zo aanpassen zoals jij het wil. 

 

Edit 9 april 2019

Ik kreeg een vraag over deze CSS en hij bleek niet altijd meer goed te werken.

#footer-info {
float: none;
padding-bottom: 10px;
text-align: center;
}

Ik heb daarom de code een beetje aangepast. De code hierboven werkt bij mij zelf nu in ieder geval goed. 

Float:none bleek de boosdoener te zijn. Dus heb je er problemen mee probeer dit dan even. 

Bonus CSS

Voor links uitlijnen of juist rechts heb ik ook nog een extra stukje CSS voor je:

Links

#footer-info
{
    float: left;
    padding-bottom: 10px;
    text-align: left;
}

Rechts

#footer-info {
    float: none;
    padding-bottom: 10px;
    text-align: right;
}

Heb je nog vragen? Aarzel niet en voeg een comment toe. Of stuur een bericht!

Gratis Style Guide voor je merk downloaden

Gratis MINT Style Guide 2019

Wil je zelf een Style Guide maken? Dit document helpt je om al je keuzes en bestanden bij elkaar te bewaren.

Je kunt nu je Style Guide downloaden. Je vind hier ook de link naar de video waarin ik je laat zien hoe je de Style Guide kunt opslaan en gebruiken.

Pin It on Pinterest

Share This