Vai al contenuto principale
CSS personalizzato per i widget di EmbedReviews

Classi e attributi CSS usati di frequente per personalizzare completamente i widget delle recensioni

Alex avatar
Scritto da Alex
Aggiornato più di un anno fa

In questo articolo, troverete i codici CSS più utilizzati e necessari che potete applicare manualmente ai vostri widget di EmbedReviews.

I CSS personalizzati possono essere applicati all'interno delle impostazioni del widget e, in basso a sinistra, troverete la scheda Custom CSS.

Trovare la scheda CSS personalizzato

Di seguito, i codici Custom CSS.

Stelle del titolo, altezza e larghezza:

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

height: 36px;

width: 36px;

}

Modificare l'altezza e la larghezza delle stelle del titolo

Rivedere il raggio del bordo del box e il colore di sfondo.

.es-box {

background-color: green;

padding: 10px;

}

Modificare il bordo del riquadro delle recensioni

Rivedere l'altezza e la larghezza delle stelle del box.

.es-stars .es-star {

height: 26px;

width: 26px;

}

Modificare l'altezza e la larghezza delle stelle

Dimensioni della foto del profilo del recensore/avatar:

.esu-avatar.es-avatar {

height: 80px;

width: 80px;

}

Modificare le dimensioni dell'avatar

Nome del recensore size:

.esu-username.es-username {

font-size: 18px;

}

Cambiare le dimensioni del nome dell'autore

Dimensione e colore della data delle recensioni:

.esu-date.es-date {

font-size: 16px;

color: grey;

}

Modificare la dimensione e il colore della data

Dimensione del carattere delle recensioni:

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

Cambiare la dimensione del carattere

Per qualsiasi domanda, clicca sull'icona della chat in basso a destra per parlare con il nostro team di assistenza clienti o inviaci un'e-mail a support@embedsocial.com.

Siamo qui per voi 🙏

Hai ricevuto la risposta alla tua domanda?