Jump to content

Modifier les coleurs du menu "Catégories"


Recommended Posts

Bonjour,

Pourriez-vous svp m'aider pour modifier l'affichage du menu:
1. couleurs
2. mettre en gras les catégories.

j'ai essayé en modifiant le script css\superfish-vertical.css, mais ca ne change rien.

et voici le code d'origine:


/* Block categories */

div.block_vertical h4 {
background:transparent url(../img/block_header.png) no-repeat scroll left top;
color:#000000;
font-family:Verdana, Arial, Sans-Serif;
text-shadow:1px 3px 3px rgba(0, 0, 0, 0.5);
font-size:14px;
font-weight:bold;
height:34px;
line-height:2em;
padding-left:27px;
padding-top:6px;
text-transform:uppercase;
}

#left_column div.block_vertical, #right_column div.block_vertical {
background:transparent url(../img/block_footer.png) no-repeat scroll left bottom;
padding-bottom:30px;
width:230px;
}

div.block_vertical li {
background:transparent url(../img/block_bg.png) repeat-y;
list-style-position:outside;
padding:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

div#categories_block_left_vertical li a:link, #categories_block_left_vertical li a:visited {
background:transparent;
border-bottom:medium none;
bottom:-5px;
color:#502829;
display:block;
font-size:11px;
height:20px;
line-height:18px;
margin-left:5px;
margin-top:0;
padding-left:5px;
padding-top:3px;
text-decoration:none;
width:216px;
*padding-left:10px;
*width:211px;
*border-right:1px solid #999999;
}

#categories_block_left_vertical ul li a:hover{
color:#502829;
display:block;
line-height:18px;
padding-left:5px;
*padding-left:10px;
text-decoration:none;
border-bottom:none;
font-size:11px;
background:#F3EBD6;
}




Mecri bcp pour votre aide.

Cordialement.

Link to comment
Share on other sites

Bonsoir,
Pour le gras, en principe il suffit de modifier :


#categories_block_left_vertical ul li a:hover{
color:#502829;
display:block;
line-height:18px;
padding-left:5px; *padding-left:10px;
text-decoration:none;
border-bottom:none;
font-size:11px;
background:#F3EBD6;
}


^^ Edit : j'avais collé le mauvais block ....

en

#categories_block_left_vertical ul li a:hover{
color:#502829;
display:block;
line-height:18px;
padding-left:5px; *padding-left:10px;
text-decoration:none;
border-bottom:none;
font-size:11px;
background:#F3EBD6;
font-weight:bold;
}



pour les couleurs, je n'ai pas compris la question, mais j'imagine qu'il suffit de modifier cette ligne dans le même paragraphe

color:#502829;

...

Pour plus de détail et de certitude , il faudrait un lien ;) et une question un peu plus détaillée

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...