Colours

Hey there ABDesignStationery1979,

How are you doing today?

You should be able to change those colors with some custom CSS. Please try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:

http://wordpress.org/plugins/simple-custom-css

header#masthead {
    background: #42a1cd;
}

footer#colophon {
    background: #42a1cd;
}

Replace color hex values to display another color. You can use sites similar to this one to get hex value for the color of your choice: http://www.color-hex.com/

If there are more of those colors on other places please post link to your site where I can see that and I’ll be happy to help.

Best regards,
Bojan

Hey there Anth,

Glad that part worked, would you mind posting link to your site where I can see this and I’ll be glad to help you out with some CSS.

Best regards,
Bojan

Hey again,

Thanks for the link, please try adding the following code as described above:

div#top-bar, nav#site-navigation, div#footer-sidebar {
    background: #673090;
}

div#footer-sidebar {
    border-top: solid 3px #673090;
}

In case you want to apply this to navigation current item and hover please add the following as well:

#site-navigation ul .current_page_item > a, #site-navigation ul .current-menu-item > a, #site-navigation ul .current_page_ancestor > a, #site-navigation ul li a:hover {
    background: #673090;
}

Hope this helps 🙂

Cheers,
Bojan

Hey again ABDesignStationery1979,

I’ve checked your site and it appears you’re using one of the maintenance mode plugins. Can you please deactivate it so I can take a look?

Cheers,
Bojan

Hey again Anth,

I’m not sure I understand which part you’re trying to change when you say “I need to change the sticky page item that is blue”, so can you please post screenshot of what exactly you’re trying to change so I can help.

As for search bar you can try adding the following:

#top-search input[type=search] {
    background: #fff;
}

For socials also please add more info, socials are already white, if you want background to be white as well, which color do you want them to be once you set the background to white?

Please advise,
Bojan

Hey again,

Thanks for clarification, please try adding the following CSS code, for active menu item please try adding this:

#site-navigation ul .current_page_item > a, #site-navigation ul .current-menu-item > a, #site-navigation ul .current_page_ancestor > a {
background: #AB4A9C;
}

To change the blue color on search please add this:

#masthead #top-search button {
    background: #AB4A9C;
    border: solid 2px #AB4A9C;
}

As for the social icons please add the following:

#top-bar .social-icons a {
    background: #AB4A9C;
}

#top-bar .social-icons a:hover {
    color: #AB4A9C;
}

Hope this helps 🙂

Cheers,
Bojan

Hey again,

CSS you added there is not good, you’re missing few parts and also have # on wrong places, see screenshot http://screencast.com/t/YX1L9AcsWH8

Please try to copy the code as is from the thread.

Hope this helps.

Best regards,
Bojan

Hey again,

Again the bottom part of the code is not fixed, see screenshot http://screencast.com/t/SrV0pmX0, can you please remove it and copy it from my posts above?

Best regards,
Bojan