Design du module CSS

Sommaire


Dans Paramétrage > Design du module, vous pouvez complètement modifier l'apparence de votre design du module grâce au CSS.

Voici quelques exemples de codes CSS les plus utilisés par nos clients.


Actions sur le module

Modifier la couleur du texte des boutons

#content_popup .btn
{
 	color: black !important;
}



Modifier la couleur et l'alignement du titre

#content_popup .title
{
 	text-align: center !important;
    color: green !important;
}



Mettre une couleur différente en haut et en bas du module

#popup
{
 	border-bottom: 5px solid #041d3b !important;
}

#popup #picture
{
 	background-color: #041d3b !important;
}

#popup .why
{
 	background-color: #041d3b !important;
}



Modes de connexion

Modifier la couleur du texte de connexion

#popup .right-side .invit
{
 	color: red !important;
}



Supprimer la zone de connexion au module

.right-side {
 	display: none !important;
}



Changer la couleur du bouton de connexion par email

#popup #content_popup #email_button
{
  background-image: linear-gradient(to bottom,#000000 0%,#000000 100%) !important;
}



Supprimer les phrases d'aide de Facebook

Lorsque l'internaute se connecte au module par Facebook, s'il ne fait aucune action au bout de 30 secondes, deux phrases apparaissent pour guider l'internaute.

Vous pouvez supprimer ces phrases en CSS.

.img_fleche2 {
 	display: none !important;
}



Incentive

Retirer le montant de l'incentive

.affichage_coupon_value
{
 	display: none !important;
}



Retirer le code-barres en-dessous de l'incentive

.barcode {
 	display: none !important;
}



Retirer le bouton d'impression en-dessous de l'incentive

.print-action {
 	display: none !important;
}



Retirer le bouton "Partagez avec vos amis"

#popup #offer_description .get_it.sharebuttoncoupon .btn {
 	display: none;
}



Concours photo / Vote médias

Retirer la date d'ajout du média

.step-gallery #content_popup .content #offer_description div #media .object-right .date {
 	display: none !important;
}



Supprimer le bouton "Voir la galerie" après avoir déposé un média

#btn-access-gallery {
 	display: none !important;
}



Supprimer le champ de titre pour un concours texte

.step-media #offer_description .sub-title + div {
 	display: none !important;
}



Supprimer le bouton de tri par date

.step-gallery #content_popup .content #offer_description .next-prev > div{
 	display:none !important; 
}



Consulter les autres documentations sur le design du module