Ma configuration WP actuelle
– Version de WordPress :
– Version de PHP/MySQL :
– Thème utilisé :
– Extensions en place :
– Nom de l’hebergeur :
– Adresse du site : wwww.nuancesdefilles.com
Problème(s) rencontré(s) :
Bonjour j’aimerai pouvoir personnaliser ma barre de menu : donc,
Changer la couleur du texte (la typo si possible egalement ?), affiner la barre, et centrer le texte !
J’utilise un thème qui se nomme Canyon et je vous mets quelques lignes concernant la partie menu :
/*
|————————
| =Menu Primary
|————————
*/
.menu1 {
position: relative;
z-index: 9999;
background-color: #C0C0C0;
padding: 0px 0 0 0;
}
.menu1-data {
background-color: #C0C0C0;
}
.menu1 ul,
.menu1 ul * {
margin: 0;
padding: 0;
list-style: none;
}
.menu1 ul {
margin-bottom: 0;
line-height: 1.0;
}
.menu1 ul ul {
position: absolute;
top: -999em;
width: 10em;
}
.menu1 ul ul li {
width:100%;
}
.menu1 ul li:hover {
visibility: inherit;
}
.menu1 ul li {
float: left;
position: left;
word-wrap: break-word;
}
.menu1 ul li li {
background: none;
}
.menu1 ul li:hover ul,
.menu1 ul li.sfHover ul {
left: 0px;
top: 52px;
z-index: 200;
}
.menu1 ul li:hover li ul,
.menu1 ul li.sfHover li ul {
top: -999em;
}
.menu1 ul li li:hover ul,
.menu1 ul li li.sfHover ul {
left: 10em;
top: 0px;
}
.menu1 ul li li:hover li ul,
.menu1 ul li li.sfHover li ul {
top: -999em;
}
.menu1 ul li li li:hover ul,
.menu1 ul li li li.sfHover ul {
left: 10em;
top: 0px;
}
/** Top Level Anchors */
.menu1 ul a,
.menu1 ul a:visited {
display: block;
font-size: 12px;
position: relative;
padding: 20px 0 20px 16px;
text-decoration: none;
color: #dcdcdc;
/*background-color: #FFF;*/
}
/** Nested Anchors */
.menu1 ul ul.sub-menu a,
.menu1 ul ul.sub-menu a:visited,
.menu1 ul ul.children a,
.menu1 ul ul.children a:visited {
font-size: 12px;
padding: 12px 12px 12px 16px;
border-bottom: solid #1b1b1b 1px;
}
.menu1 ul li {
}
.menu1 ul li li {
background-color: #1b1b1b;
opacity: 0.9;
}
/** Global Anchors Hover */
.menu1 ul li:hover,
.menu1 ul li.sfHover,
.menu1 ul a:focus,
.menu1 ul a:hover,
.menu1 ul a:active {
color: #FFF;
}
/** Nested Anchors Hover */
.menu1 ul ul.sub-menu li:hover,
.menu1 ul ul.sub-menu li.sfHover,
.menu1 ul ul.sub-menu a:focus,
.menu1 ul ul.sub-menu a:hover,
.menu1 ul ul.sub-menu a:active,
.menu1 ul ul.children li:hover,
.menu1 ul ul.children li.sfHover,
.menu1 ul ul.children a:focus,
.menu1 ul ul.children a:hover,
.menu1 ul ul.children a:active {
/*background: #0f0d0e;*/
background: #1b1b1b;
opacity: 1;
}
/** Menu Indicator */
.menu1 ul .sf-sub-indicator {
display: inline-block;
width: 7px;
height: 12px;
margin: 0 0 0 8px;
text-indent: -9999px;
background: url(images/menu-indicator-down.png) no-repeat;
/*border: solid 1px red;*/
}
.menu1 ul ul .sf-sub-indicator {
position: absolute;
width: 7px;
height: 15px;
top: 8px;
right: 15px;
text-indent: -9999px;
background: url(images/menu-indicator-right.png) no-repeat;
/*border: solid 1px red;*/
}
, le il y a 12 années et 5 mois.
