How to style divi blurb module - free tutorials and blurbs
CSS für Kolonnen Number
1) Give Row a Class – z.B. „four-columns“
2) das wären dann im CSS 100/4 = 25%
3) CSS Snippet erfassen bei Divi/Theme Options
/*Icon Kolonnen beibehalten*/
.four-columns .et_pb_column {
width:25%!important;
}
Siehe Video von Josh – falls Kolonnenanpassungen für Devices notwendig:
Blurbs same height
1) Zeile der Blurbs eine CLASS geben:
flex-SameSize
2) Divi Theme Options – CSS eingeben:
/*Blurb Bilder same height*/
.flex-SameSize .et_pb_column_1_3{
display: flex;
}
Quelle:
https://dividude.com/equalize-divis-blurb-modules-height/
>> hat bei Swiss-CV Hochspach bestens funktioniert.
Seamless Service Transitions on Scroll
Horizontal Scroll Blurbs
Blurb expanding (mit 4 Klick-Optionen)
Blurb ICON Abstand zu Text verkleinern
-
Auf betreffende Seite gehen
-
visuellen Builder aktivieren
-
untern violetten Knopf klicken, für erweitertes Menu
-
rechts Einstellungs-Rad klicken
-
Advanced/Fortgeschritten
-
CSS Code eingeben
Email Icon clickable (öffnet Outlook etc.)
WhatsApp clickable
Auf der Webseite PremiumPraxisErfolg
Button mit WhatsApp Nummer hinterlegen:
https://wa.me/<nummer>
Phone number clickable
https://www.youtube.com/watch?v=zGosRN0C7Jk
<a href=“tel:0412341234”>(04) 1234 1234</a>
Germano:
<a href=“tel:0812840024”>081 284 00 24</a>