Korte Divi CSS tricks: Centreren footer in 3 minuten

by | 17 March 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!

Pin It on Pinterest

Share This