28111 sujets

CSS et mise en forme, CSS3

bonjour

sur mon site www.aetcanyoning.com je souhaiterai augmenter les espaces entre les boutons du menu de gauche j'ai copié le code "éditeur" mais je ne sais pas sur quel valeur il faut agir pour augmenter l'espace. Les modifications faites sur le thème enfant sont automatiquement faite sur le thème parent.

merci pour votre aide

michel

/*
Theme Name: The7.2 Enfant
Description: Theme Enfant de The7
Author: Votre nom ici
Version: 0.1.0
Template: dt-the7
*/

#nav_menu-3 a{
font-family: 'Open Sans';
font-weight: 600;
}

#nav_menu-2, #nav_menu-3{
font-family: 'Lato';
font-size: 18px;
font-weight: bold;
/*padding-top: 15px;
padding-bottom: 15px;
padding-left: 0px;
padding-right: 0;*/
padding: 0;
text-transform: uppercase;
}

#nav_menu-2 li, #nav_menu-3 li{
border: none;
/*width: 100%;*/
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
padding-bottom: 10px;
margin: 0;
background-size: 201% 100%;
background-image: linear-gradient(to right, #1C1C1C 50%, #00A3E2 50%);
transition: background-position 1s;
}

#nav_menu-2 li:hover, #nav_menu-3 li:hover{
background-color: #00A3E2;
/*transition: 1s;*/
background-position: -100% 0;
}

#trigger-overlay{
color:white;
}


#sidebar{
padding-left: 0px;
}

.sidebar-saisons li:last-child{
display: none !important;
}

#nav_menu-3{
padding: 0;
}

#nav_menu-3 li{
border: none;
}

.no-padding-top{
padding-top: 0 !important;
}

.float-right{
float:right;
}

.saison1-programme p{
margin-bottom: 0;
}

.blue{
color: #00A3E2;
}

.bolder{
font-weight: bolder;
}

.larger{
font-size: larger;
}

#nav_menu-4{
margin-top: 0;
}

#presscore-custom-menu-1-2{
margin-top: 0;
}

.img-programme img{
min-height: 700px;
}


form.wpcf7-form p{
width: 48% !important;
display: inline-block !important;
}

p#message, p#submit{
width: 96% !important;
display: block !important;
}

#submit input{
background-color:
}
Bonjour.

Que les couleurs sont bien sombres pour du grand air...

Je ne vois pas trop ce que vous appelez "boutons du menu de gauche". À gauche, tout ce que je vois c'est : "Réservation activités" "Canyoning sportif" etc...

Smiley smile
Bonjour,
c'est ici dans #nav_menu-2 li, #nav_menu-3 li que tu peux augmenter les espaces entre les li de ton menu sur la gauche.
Il suffit de modifier les valeurs des 4 paddings :
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
padding-bottom: 10px;
bonjour

merci pour votre réponse j'ai changé les 4 paddings

padding-left: 35px;
padding-right: 35px;
padding-top: 20px;
padding-bottom: 20px;

j'ai bien enregistré mais les espaces restent les même?

cordialement

michel
les valeurs des paddings sont toujours à 25px (gauche - droite) et 10px (haut - bas).sur le site.
J'ai testé avec firebug des paddings gauche-droite à 35px et haut-bas à 20px, les onglets du menu réagissent bien.
La mise à jour n'a pas été prise en compte.
rebonjour

c'est bon un grand merci en fait la modification n'avait pas tété prise en compte

bonne fin de journée

michel rostagni