Schritt-für-Schritt-Video
In diesem Beispiel werde ich die Stile des WordPress-Widgets Kategorien mithilfe des Bereichs Benutzerdefiniertes CSS im Tab Erweitert mit Elementor umgestalten. Wenn Sie über eine der Lizenzen verfügen, müssen Sie sich nur anmelden, um Schritt für Schritt im Detail zu sehen, wie es gemacht wird.
- Wir fügen das Widget Kategorien in unser Dokument ein
- Klicken Sie auf den Tab Erweitert
- Klicken Sie auf den Bereich Benutzerdefiniertes CSS und fügen Sie den CSS-Code ein
CSS-Code
Kopieren Sie den in diesem Video-Tutorial verwendeten Code.
selector h5 {
display: none;
}
selector li {
list-style: none;
display: inline-block;
margin-bottom: 20px;
}
selector li a {
border: 2px solid blue;
padding: 7px 15px;
margin: 5px;
border-radius: 50px;
color: blue;
text-transform: uppercase;
}
selector li a:hover {
color: white;
background-color: blue;
}
selector ul {
margin: 0;
padding: 0;
text-align: center;
}