here are some useful tips I came across by playing around with this Theme
MINAMIZE Theme Notes for CSS Editors
TO CHANGE THE 3 WINDOWS BACKGROUND COLORS GO HERE ON EDITOR
#section-home .section {
display: block;
background: white;
padding: 10px;
border: 1px solid #E0E0E0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
TO CHANGE BOTTOM PART OF BACKGROUND COLOR GO TO
#content {
background-color: #f33f3f;
clear: both;
margin: 0;
padding: 20px 10px;
#body-core
TO CHANGE BACKGROUND COLOR
body,
#body-core {
background: #f33f3f; <<<< this is RED
min-width: 320px;
}
TO CHANGE HEADER LINK TEXT COLORS
#header .header-links > ul > li a{
color: yellow;
padding: 25px 20px;
TO CHANGE THE HEADER SUBMENUS TEXT COLORS
#header .header-links .sub-menu a {
color: yellow;
font-size: 12px;
border-bottom: 1px solid #303030;
line-height: 32px;
margin: 0;
padding: 0 20px 0 10px;
TO CHANGE SUBMENU BACKGROUND COLOR
#header .header-links .sub-menu {
display: none;
float: left;
position: absolute;
z-index: 9999;
border: 1px solid #303030;
background: #1C1C1C;
TO CHANGE THE HOVER COLOR ON THE HEADER MENU
#header .menu > li.menu-hover > a,
#header .menu > li.current_page_item > a,
#header .menu > li.current-menu-ancestor > a,
#header .menu > li > a:hover {
color: yellow;
CHANGING PRE-HEADER HOVERS AND MENUS COLORS
#pre-header .header-links .menu-hover > a,
#pre-header .header-links > ul > li > a:hover {
color: white;}
#pre-header .header-links li a,
#pre-header-social li,
#pre-header-social li a,
#pre-header-search input {
color: yellow;
font-size: 12px;display: block;
TO CHANGE FOOTER COLOR AND THE BORDER LINE COLOR
#sub-footer {
background: red;
border-top: 1px solid #444;
padding: 15px 0px;
TO CHANGE THE BACKGROUND TEXT COLOR AND HOVER COLOR FOR THE FOOTER
#sub-footer-core {
color: yellow;
text-align: center;
}
#sub-footer-core a {
color: yellow;
}
#sub-footer-core a:hover {
color: yellow;
I HOPE THIS MAKES SOMEONE HAPPY ??