Change Menu color and thickness

[ahfaraz]

I want to change the color of my theme's menus and thickness. Also, want to change the color of the footer. Please help.

http://plexnof.com

[askdesign]

MENU COLOR and THICKNESS (height)
(use whatever colors you want; just use mine as examples)
• ORIGINAL CODE:

#primary-nav {
    background: #83d2ff none repeat scroll 0 0;
}

#header {
    background: #000;
    padding: 0; 
}

.navigation ul li {
    float: left;
    line-height: 24px;
    position: relative;
    transition: all .25s linear;
}

OR

#primary-navigation a {
    padding: 14px 15px;
}

#secondary-navigation a {
    padding: 12px 25px; 
}

• MODIFIED CODE:

#primary-nav {
    background: #a383ff none repeat scroll 0 0;
    padding: 10px 0; /* --- for increased height --- */
}

#header {
    background: #2459be;
    padding: 10px 0;/* --- for increased height --- */
}

.navigation ul li {
    float: left;
    line-height: 14px; /* --- for reduced height --- */
    position: relative;
    transition: all .25s linear;
}

OR

#primary-navigation a {
    padding: 8px 15px; /* --- for reduced height; works best without searchbox in navbar --- */
}

#secondary-navigation a {
    padding: 6px 25px; /* --- for reduced height --- */
}

FOOTER COLOR
• ORIGINAL CODE:

.copyrights {
    background-color: #83d2ff;
}

• MODIFIED CODE:

.copyrights {
    background-color: #b6dd3d;
}

---

Anne S. Katzeff
Designer | Artist | Teacher

[Author]

Posts