dustyhawk
asked 8 years ago

Basically the white bar where my pages links are, i would like to change it to probably the same color as the main background and invert the text color to white.
 
 

2 Answers
DominicStaff
answered 8 years ago

To change the background for the Header menu in the  DW Wall:
– Log in to Dashboard > Theme > Customize > Custom code
– Add the following code to the “Header Code”

 <style>
#header {
   background: #222;
}

#header #navigation a {
    color: #FFFFFF;
}
#header #navigation li:hover > a {
    background-color: #151515;
}
#header #navigation a:hover, #header #navigation a:active, #header #navigation a:focus {
    color: #2985E8 !important;
}

#header #navigation li li a {
    background-color: #151515;
    color: #FFF;
}

#header #navigation li li a:hover {
    background-color: #000;
}
#header #navigation li a {
    border-color: #252525;
}

#header #navigation li:first-child a {
    border-color: #252525;
}
</style>

Hope this helps !

dustyhawk
replied 8 years ago

works well though the search box section is still white incolor

DominicStaff
answered 8 years ago

To change background for the Search box, You can add the following code to the “Header Code”

<style>
#header #searchform #s {
    background-color: #...;
    border-left: 1px solid #DDD;
}
#header #searchform #s:focus {
    color: #fff;
}
</style>

Hope this helps !
 

Powered by DW Question & Answer Pro