Personnaliser les pop-ups du menu en CSS

Gilles Van Eylen -

Vous souhaitez personnaliser les fenêtres modales (pop-ups) liées au menu de votre campagne ?

Les différents boutons présent dans le menu en haut à droite de votre campagne ouvrent chacun une pop-up : le règlement, la dotation, l'onglet contact ainsi que les gagnants.

Il n'est pas possible d'avoir une apparence différente d'une pop-up à l'autre. Si vous décidez donc d'en modifier l'apparence, celle-ci s'appliquera à toutes les autres pop-ups.

Les lignes de codes CSS suivantes sont à placer dans l'onglet CSS de l'étape Apparence de votre campagne.

Note : Certaines lignes de code CSS nécessitent d'utiliser le paramètre "!important" pour écraser la CSS par défaut.

faq.jpg

 

fond transparent autour des pop-ups :

#fancybox-overlay {
background: #8A101B;
}

 

fond de la pop-up :

.fancybox_body #qualifio_wrapper {
background: #000 !important;
}

 

bordure de la pop-up :

.fancybox-skin {
background: #000000 !important;
}

 

icône de fermeture de la pop-up :

.fancybox-close {
background-image:url('votre lien');
}
 

fond des blocs derrière chaque lot dans l’onglet dotation :

tr.dotation_container {
background: #ededed;
display: block;
padding: 20px 10px !important;
margin-bottom: 10px;
}

Cet article vous a-t-il été utile ?

Can’t find the answer you need?

Send us a question and connect with an expert to get personal assistance.

Contact support

Vous ne trouvez pas les réponses que vous cherchez ?

Nous sommes là pour vous aider. Envoyez-nous une demande en direct !

Contacter le support
helpcenter experts