Nu tänkte jag att vi ska ta och ändra i menyerna. På bilden här ovan ser du utgångspunkten. Som vanligt görs alla förändringar i stilmallen under Design/Stilmall/alternativt redigera din befintliga stilmall.

Vi börjar med rubrikens utseende (Där det står Länkar på bilden). Leta fram den här koden:

.navheader {
font-family:Â Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFF;
padding:5px 5px 0px;
margin-bottom:0px;
background-color:#003366;
text-transform: uppercase;
}

Jag gör ändringar och lägger till några ramar. Så här ser de ut nu:

Koden:

.navheader {
background: #be740a;
font-family:Â verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
letter-spacing: 2px;
text-align: left;
font-weight: bold;
color: #ffffff;
padding:2px;
margin-bottom:0px;
text-transform: uppercase;
border-top: 1px solid #e7dfcf;
border-left: 1px solid #e7dfcf;
border-right: 1px solid #e7dfcf;
}

Nu vill jag fortsätta med att ändra det tokblåa där själva länkarna är. I just det här fallet med Fashion temat som är grunden så är det följande kod jag ändrar i. och det jag ändrar är backgroundcolor till den vita färgkoden FFFFFF. Jag lägger också till ramar så de matchar rubrikens ramar.

.nav ul {
margin: 0px 0px 12px;
padding: 5px 10px 10px;
font-weight: normal;
background-color: #FFFFFF;
border: 1px solid #e7dfcf;
}

Och här är resultatet.