Meerdere Divi knoppen naast elkaar in dezelfde kolom

Plaats je meerdere Divi knoppen in dezelfde kolom, dan komen deze onder elkaar te staan. Met wat CSS zorg je dat de knoppen in dezelfde kolom naast elkaar komen te staan. Je kunt meerdere knoppen naast elkaar plaatsen, afhankelijk van de breedte van de knoppen, rij en kolom.

Voor

Na

Werkwijze

Voeg een rij toe waarin je de knoppen gaat plaatsen
Open daarna de rij-instellingen en ga naar de tab Geavanceerd
Vul bij CSS Klasse in: knop-inline
Sla de wijzigingen op en verlaat de Divi Builder

CSS Klasse meerdere knoppen naast elkaar in dezelfde kolom

Ga naar Dashboard – Divi – Thema Opties – Aangepaste CSS en vul één van de onderstaande CSS codes toe. De knoppen kunnen links, in het midden of rechts worden gecentreerd, afhankelijk van welke code je kiest.

Links centreren:

.knop-inline .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0  5px;
}
.knop-inline {
    text-align: left!important ;
}

Midden centreren:

.knop-inline .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0  5px;
}
.knop-inline {
    text-align: center!important ;
}

Rechts centreren:

.knop-inline .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0  5px;
}
.knop-inline {
    text-align: right!important ;
}

Aangepaste CSS Meerdere knoppen naast elkaar in dezelfde kolom

Meerdere Divi knoppen naast elkaar in dezelfde kolom

Meerdere Divi knoppen naast elkaar in dezelfde kolom

Voor

Na

Werkwijze

Maak een website met Divi

Hosting