1

Discussione: Astuces CSS pour adHoc (reprise du forum Mania)

Logo
Pour personnaliser le logo il suffit de déclarer:

$cfg['logo'] = 'nomdevotrelogo.extension' ;

dans le fichier skin.inc.!!! L'image du logo doit être impérativement dans le dossier images



Pour que les boîtes d'une rangée aient la même hauteur, même si elles ont des contenus de hauteur différentes, préciser dans le css  (exemple pour la rangée UpTab) :

div#UpTab .wrapper {display: flex;align-items: stretch;}

Mais pour les petits écrans, les boîtes doivent s'empiler en colonne et occuper toute la largeur. Préciser donc dans les media queries :

@media all and (max-width: 600px) {
div#UpTab .wrapper{flex-direction: column;} #UpTab {max-width:100%;}}


Pour réduire et centrer le bouton envoyer du plugin Contact.

.block {width: 50%;}

et

.btn:first-child {float: none;}
.btn:last-child {float: none;}


Pour conserver un minimum de marges latérales à certaines largeurs d'écran intermédiaires

.wrapper { padding: 0 1%;}