Comment styliser les pop-ups dans Qualifio ?

Gilles Van Eylen -

Vous souhaitez personnalisé les pop-ups (fancy-box) dans votre campagne ?

Les différents boutons présent dans le menu en haut à droite de votre concours ouvrent chacun une pop-up : le règlement, les dotations, l'onglet contact ainsi que l'onglet 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-up.

 

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

NB : 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 fancybox :

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

 

fond de la fancybox :

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

 

Bordure de la fancybox :

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

 

Changer l'icône de fermeture de la fancybox :

.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;
}

Réalisé par Zendesk