Soron belüli gombok hozzáadása a Divi-ban

Készítsen Divi gombokat soron belül

Egy másik hiányzó funkció megoldása

Néha szeretnénk két Divi gombot egymás mellé helyezni, de ez nem lehetséges. Bár hozzáadhatunk gombmodulokat különböző oszlopokhoz, ez nem mindig gyakorlati. Ha több gombmodult szeretnénk egymás mellé tenni ugyanabban az oszlopban, akkor szükségünk van egy kis CSS-kódra. Az alábbi útmutató bemutatja, hogyan tehetjük ezt gyorsan a Divi segítségével!

CSS-kód hozzáadása

Nem fogjuk módosítani magát a gombmodult. Ehelyett az oszlopot fogjuk módosítani, amelyben a gombok elhelyezkednek, hogy hozzáférjünk a gombok burkolójához.

  1. Keresse meg azt a sort és oszlopot, ahol a gombokat el szeretné helyezni. Az oszlopbeállításoknál keresse meg a „Speciális” lapot, majd adja hozzá a „dm-inline-buttons” osztályt a CSS osztály területen. Mentse el a változtatásokat.
  2. Ezután másolja ki és illessze be a következő kódrészletet a Divi->Theme Options->Custom CSS dobozba.

/* Helyezze el a gombmodulokat egymás mellé ugyanabban az oszlopban */
.dm-inline-buttons .et_pb_button_module_wrapper {
display: inline-block;
}

Gombmodulok hozzáadása

Most folytathatja és hozzáadhat két vagy több gombmodult az oszlophoz. Ezek egymás mellé fognak rendeződni.

Állítsa be a távolságot a gombmodulok között

A gombok közötti távolságot a margó hozzáadásával lehet módosítani. Ehhez lépjen a gombbeállításokhoz, majd a jobb gombhoz adjon hozzá körülbelül 10 képpontnyi bal margót.

Középre helyezze a gombokat az oszlopban

Ha azt szeretné, hogy a gombok középre legyenek igazítva az oszlopban, akkor további kódrészletet kell hozzáadnia:

.dm-inline-buttons {
    text-align: center !important;
}

A cikk eredeti nyelven itt érhető el: https://divimode.com/how-to-add-in-line-buttons-in-divi/

Ez is érdekelheti…