Change Theme Colour StartPoint

Hi,

I'm using StartPoint Theme.

Is it possible to change the whole theme (i.e. header/footer/buttons etc) colour to #00001e ?

If so can you give me the CSS to do that.

Thanks,
P

 

Hello,

We are working on it, and will get back to you.

Thanks & Regards
Yogesh Bhade

 

Great, thanks very much.

 

Hello philiptroy
The custom color styling is ready.
Just go to custom css in Theme Option panel under Styling Option and add the following code.

Code:

.menu-wrapper-bg {
background: #00001e;
}
.mobile-logo {
background: #00001e;
}
.sf-menu ul li {
background: #00001e;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
background: #00001e;
}
.sf-menu ul ul li {
background: #00001e;
}
.flex-control-paging li a.flex-active {
background: rgba(130,182,70,.9);
}
.flex-control-paging li a:hover {
background: rgba(130,182,70,0.7);
}
.three-column-container .col-md-4.box1:hover, .three-column-container .col-md-4.box2:hover, .three-column-container .col-md-4.box3:hover {
background: #00001e;
color: #fff;
}
img.rbh-readmore {
background: url(wp-content/themes/startpointtheme/images/readmore-icon-00001e.png) no-repeat center;
}
.recent-posts-container h3 a:hover {
color: #00001e;
}
p.rbh-post-meta a {
color: #00001e;
}
p.rbh-post-meta a:hover {
color: #00001e;
}
#filters li.active, #filters li:hover  {
background: #00001e;
}
.testimonial-wrapper {
background: #00001e;
}
.bx-caption span a.arrow {
background: url(wp-content/themes/startpointtheme/images/testimonial-arrow-00001e.png) no-repeat;
}
.bx-caption span p a {
color: #00001e;
}
.bx-caption span p a:hover {
color: #00001e;
}
.contact-container form input[type='submit'] {
border: 1px solid #414141;
background: #00001e;
}
.footer {
background: #00001e;
color: #F2FFE2;
}
.footer a {
color: #F2FFE2;
}
.footer-menu-ul li a {
color: #F2FFE2;
}
.footer #search {
border: 1px solid #00001e;
}
.footer ul li {
background: url(wp-content/themes/startpointtheme/images/footer-li-icon-00001e.png) no-repeat 0 5px;
}
.searchform div input[type=submit] {
background: url(wp-content/themes/startpointtheme/images/submit-icon-00001e.png) no-repeat;
}
#calendar_wrap #wp-calendar #today, #calendar_wrap #wp-calendar #today {
background: #00001e;
}
.footer-copyright-wrapper {
background: #00001e;
color: #F2FFE2;
}
.footer-menu-ul ul li a {
background: #00001e;
}
.post-page h1.post-page-head {
border-bottom: 1px solid #00001e;
}
.post-page h1 a:hover, .breadcrum h4 a:hover {
color: #00001e;
}
.logged-in-as a:hover {
color: #00001e;
}
code {
color: #00001e;
background-color: #f1f1f1;
}
.form-submit input[type='submit'] {
border: 1px solid #414141;
background: #00001e;
}
.meta li {
color: #00001e;
}
.meta li a {
color: #00001e;
}
.post-page a:hover {
color: #00001e;
}
.post-page a {
color: #000;
}
.sidebar ul li a:hover, .sidebar a.rsswidget:hover {
color: #00001e;
}
.sidebar ul li:hover {
background: url('wp-content/themes/startpointtheme/images/sidebar-li-icon-00001e.png') no-repeat 0 5px;
}
.sidebar #search, .sidebar #s {
border: 1px solid #00001e;;
}
 
.sidebar .searchform div input[type=submit] {
background: #00001e url(../../wp-content/themes/startpointtheme/images/pattern-submit.png);
border-top: 1px solid #7272B9;
border-left: 1px solid #00001e;
}
#nav-single a {
background: #00001e;
}
#nav-single a:hover {
background: #00001e;
}
.tagcloud a {
border: 1px solid #00001e;
}
.tagcloud a:hover {
color: #00001e;
}
.sidebar .tagcloud a:hover {
background: #00001e;
border: 1px solid #00001e;
}
.commentlist .comment-meta a {
color: #00001e;
}
.commentlist .comment-meta a:hover {
color: #00001e;
}
.commentlist .reply a {
background: url(wp-content/themes/startpointtheme/images/reply-icon-00001e.png);
}
.menu-sp ul a:hover {
color: #808080;
}
.menu-sp ul a.current, .menu-sp ul li.current_page_item > a, .menu-sp ul li.current_menu_item > a {
color: #808080;
}

Make sure that you have placed all the icon images in the root images folder.

You can find all the icons in attachment.

Use WP Editor plugin to upload images to your themes root > images folder.

Thanks
Pankaj Kumar