How to change the color of WallPress

Yes, you have to change the theme css. It is easy because it is well organized.

Hope this helps.

Hi Justin,

Go to \wp-content\themes\wallpress\assets\css and edit the file template.css.

For the background color of the top menu, you just need to change the color for the “background” attribute in the header section (line 2735).

/*    8. Themes

——————————————————— */
/* Header —*/
#header {
z-index: 91000;
position: fixed;
width: 100%;
 background: #000000; /* change this color to the blue you want, like #2779AF */
}

Hope this can help you.

Best regards,

Daniel Silva

you can add the following code to the style.css file.

 
/**body/
body{
background: #...;
}
/**sidebar/
#sidebar {
background: #...;
}

/** Item inner/
.item .item-inner {
background:#...;
}
.masonry .item:hover .item-inner {
background:#...;
}

Also, please let me know which parts you want to change color, we can send you the codes to help you do it.

Please add the following code to the style.css file.

#header {
    background: #2AA4CF;
}

#header #searchform #s {
    background: #2AA4CF;
}

#header #searchform #s {
    border-color: #FFF;
}

#header #navigation li a {
    border-right-color: #fff;
}

#header #navigation li:first-child a {
    border-left-color: #fff;
}

#header #navigation a {
    color: #fff;
}

#header #navigation li:hover > a {
    background-color: #DDF0F9;
}

#header #navigation a:hover, #header #navigation a:active, #header #navigation a:focus {
    color: #2AA4CF;
}

#header #navigation li li a {
    background: #DDF0F9;
    border-top-color: #fff !important; 
    color: #2AA4CF;
}

#header #navigation li li a:hover {
    background-color: #DDF0F9;
    color: #2AA4CF;
}

Hope this help !