Zum Hauptinhalt springen
Benutzerdefinierte CSS für EmbedReviews Widgets

Häufig verwendete CSS-Klassen und -Attribute zur vollständigen Anpassung Ihrer Bewertungs-Widgets

Alex avatar
Verfasst von Alex
Vor über einem Jahr aktualisiert

In diesem Artikel finden Sie die am häufigsten verwendeten und benötigten CSS-Codes, die Sie manuell auf Ihre EmbedReviews Widgets anwenden können.

Benutzerdefinierte CSS können innerhalb der Widget-Einstellungen angewendet werden, und auf der unteren linken Seite finden Sie die Registerkarte Custom CSS

Suchen Sie die Registerkarte Custom CSS

Im Folgenden finden Sie die benutzerdefinierten CSS-Codes.

Titelsterne, Höhe und Breite:

.es-widget-rating-container .es-star {

height: 36px;

width: 36px;

}

Ändern Sie die Höhe und Breite der Titelsterne

Überprüfen Sie den Rahmenradius und die Hintergrundfarbe der Box:

.es-box {

background-color: green;

padding: 10px;

}

Ändern Sie den Rahmen der Bewertungsbox

Überprüfen Sie die Höhe und Breite der Sterne in der Box:

.es-stars .es-star {

height: 26px;

width: 26px;

}

Ändern Sie die Höhe und Breite der Sterne

Größe des Profilbildes/Avatars des Rezensenten:

.esu-avatar.es-avatar {

height: 80px;

width: 80px;

}

Ändern Sie die Größe des Avatars

Name des Rezensenten size:

.esu-username.es-username {

font-size: 18px;

}

Ändern Sie die Größe des Autorennamens

Bewertungen Datum Größe und Farbe:

.esu-date.es-date {

font-size: 16px;

color: grey;

}

Ändern Sie die Größe und Farbe des Datums

Bewertungen Schriftgröße:

.esu-caption-text.es-text-full.es-text-short {font-size: 18px;}​

Ändern der Schriftgröße

Wenn Sie Fragen haben, klicken Sie auf das Chat-Symbol unten rechts, um mit unserem Customer Success Team zu sprechen, oder senden Sie uns eine E-Mail an support@embedsocial.com.

Wir sind für Sie da 🙏

Hat dies deine Frage beantwortet?