Problème d'alignement sur la toolbar suite à l'intégration d'un module de traduction

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème d'alignement sur la toolbar suite à l'intégration d'un module de traduction

Message par @To le Ven 2 Sep 2016 - 2:01

Détails techniques

Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forumessai.superforum.fr/

Description du problème


Bonsoir,


Soucis d'alignement sur la toolbar et placement des icônes Facebook, Twitter, Google+ suite au placement d'un module de traduction.

Le problème en image:



J'ai tenté des modifications sur le Scc que voici en partie:


Code:
/*=================================================Toolbar=================================================*/

a#fa_rss {display:none!important;}                                                                                                          
a#fa_mail {display:none!important;}                                                                                                            
span#fa_share_text {display:none!important;}  
a#fa_hide {display:none!important;}
div#fa_toolbar { border-radius: 0 0 50px 50px;  box-shadow: 0 0 5px #000000;  margin: auto; width: 100%;}                                                                                                                                
div#fa_toolbar div, div#fa_toolbar span {  margin: 0 5px;  }          /* Ecartement contenu de la toolbar */
span#notif_unread { color: #FF0000;font-weight:bold;  }

div#fa_right {margin-right: 50px !important;}

#fa_welcome:hover, #fa_notifications:hover{ background-color: #2dc42d !important; border-color: #5089EB !important;
color: #FFF !important; box-shadow: 1px 1px 1px #DEE3E7;}

#fa_welcome,  #fa_notifications {  padding: 0px 5px; color: #FFF; box-shadow: 1px 1px 1px #DEE3E7;
background-color: #F7F7F7 !important;  border-radius: 5px !important; color: #024FC2 !important; line-height: 22px !important;
margin-top: 3px !important; padding: 0 6px !important; text-decoration: none !important; transition: 200ms; font-size:14px;}

/*==========================================Traducteur toolbar=============================================*/

#pun-about #qjump {float: left;text-align: left;display: none;}
#google_translate_element{padding-top:2px;margin-left: 330px !important; }

.goog-te-menu-value {background-color:#fff !important;color:grey !important;}
.goog-te-gadget-simple { background-color:#fff !important;  font-size: 10px; display:block; padding-top: 0px;
padding-bottom: 0px;  cursor: pointer;  zoom: 1;  border-radius:5px;  }
body { top: 0 !important; }

Comment je pourrais réussir à tout aligner ? Merci pour votre aide éventuelle.

@To


Dernière édition par @To le Sam 3 Sep 2016 - 21:33, édité 1 fois

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement sur la toolbar suite à l'intégration d'un module de traduction

Message par stefou le Ven 2 Sep 2016 - 11:33

Bonjour,
Au plus simple en ajoutant cette ligne au css
Code:
#google_translate_element{margin-bottom: -25px!important;}

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement sur la toolbar suite à l'intégration d'un module de traduction

Message par @To le Sam 3 Sep 2016 - 21:33

Bonsoir Stéfou,

Merci ! Le problème est résolue Very Happy Cool .

Bon week-end

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum