adHoc - Styler adHoc
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%;
}
Pour changer la couleur de fond des champs de textes de formulaire, comme dans Contact, il faut créer une classe dans le fichier de style :
.field[type="text"] {background:rgb(255,255,255);}