J’ai récemment été confonté à un problème lors de la réécriture du code CSS d’un formulaire Gravity Form : on voulait que le contenu remplisse la div, sans sauter de ligne lorsqu’il n’y en avait pas besoin.
Je pensais naïvement qu’un simple float:none et une largeur à 100% suffiraient :
.gfield_label {
float: none !important;
width: 100% !important;
}Mais cela a fini par chambouler tous les champs de formulaires : labels et champs n’étaient plus sur la même ligne.
La solution est toute simple mais cela m’a pris un temps fou à la trouver – il suffit d’ajouter un clear:both au bloc parent qui contient l’élément que l’on veut fluidifier, comme ceci :
/* Make it flow */
li#field_11_10 { clear: both !important; }
En espérant que cela puisse vous faire gagner du temps !
Vous souhaitez réaliser un nouveau projet WordPress ou WooCommerce, ajouter de nouvelles fonctionnalités, ou améliorer les performances de votre site? Faîtes appel à mon expertise.
