Mit diesem Codeschnipsel kannst du deiner Sektion als kleines optisches Detail einen Chevron-Divider hinzufügen. Der Chevron-Divider ist eine kleine Kerbe am oberen Rand einer Sektion, der den Besucher der Website visuell zur nächsten Sektion leiten soll. Insbesondere bei Onepagern findet diese Technik oft Anwendung.

Kopiere den nachfolgenden Code einfach in den Einstellungen deiner Sektion unter Erweitert > Benutzerdefinierte CSS > Vorher.

Du kannst die Farbe anpassen, indem du bei „background“ einfach einen anderen Farbcode hinterlegst.

content:"";
background:#000; /* Hier Farbwert ändern */
height:40px; 
width:40px;
position: absolute;
left:calc(50% - 20px);
top:-20px;
transform: rotate(45deg);

 

Dir hat der Beitrag gefallen? Dann teile ihn gerne!

🔥 Der DIVI CYBER MONDAY SALE ist da! Sichere dir NUR FÜR KURZE ZEIT Deine Divi-Lifetime-Lizenz mit 25% RABATT!Jetzt Divi-Rabatt sichern *
+