Colours

Is this correct now…by the way you are the most helpful guy I have met on here….

header#masthead {
background: #673090;
}

footer#colophon {
background: #673090;
}
#top-bar, nav#site-navigation, #footer-sidebar {
background: #673090;
}
#footer-sidebar {
border-top: solid 3px #000000;
}
#site-navigation ul li a:hover {
background: #9E4BE8;
#site-navigation ul .current-menu-item {
background: #9E4BE8;
#site-navigation ul .current_page_item {
#background: #AB4A9C;
#site-navigation ul .current_page_ancestor {
background: #673090;
#masthead #top-search button {
background: #673090;
border: solid 2px #673090;
}
#top-bar. social-icons a {
background: #673090;
}
#top-bar. social-icons a:hover {
color: #673090;
}

Hey again,

Thanks for the kind words ??

I didn’t double check if this is all the code you need to add from my previous posts I just tried to correct the code you posted, considering these are correct selectors the following should work:

header#masthead {
background: #673090;
}

footer#colophon {
background: #673090;
}

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

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

#site-navigation ul li a:hover {
background: #9E4BE8;
}

#site-navigation ul .current-menu-item {
background: #9E4BE8;
}

#site-navigation ul .current_page_item {
background: #AB4A9C;
}

#site-navigation ul .current_page_ancestor {
background: #673090;
}

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

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

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

Hope this helps ??

Cheers,
Bojan

thanks again still not working maybe I have changed something in the editor part that wont let me override with the css code…is this possible? Thanks ANth

Hey again,

I checked your site and I see that you managed to change some of the colors, search button as well as socials.

Did you manage to figure this out or this is just a caching issue? Try clearing browser cache and let me know if there is anything specifically that is not working there.

Best regards,
Bojan

yeah some of this changed but some not and I have cleared the cache browser history too…any suggestions?? Anth

Hey again Anth,

Please let me know of specific parts that are not working so I can take a look and also please share your current custom CSS so I can see if there are any additional issues there.

Best regards,
Bojan

Hi Bojan the current Custom CSS is as follow….

header#masthead {
background: #673090;
}

footer#colophon {
background: #673090;
}

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

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

#site-navigation ul li a:hover {
background: #9E4BE8;
}

#site-navigation ul .current-menu-item {
background: #9E4BE8;
}

#site-navigation ul .current_page_item {
background: #AB4A9C;
}

#site-navigation ul .current_page_ancestor {
background: #673090;
}

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

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

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

The blue bits in the top section basically need changing to the purple I have used in the site.

Thanks ANth

Hey again ANth,

I don’t see the code related to socials being added into your site, I’ve checked the code above and it looks fine to me so I’m not sure where exactly are you adding the code?

Best regards,
Bojan

I am adding it to the custom css box on the customise options.

Anth

Hey again,

That’s odd, for some reason the code is not being added to the site, would you mind trying to install the following plugin https://www.ads-software.com/plugins/simple-custom-css. Once the plugin is installed and activated you can add this code to Appearance -> Custom CSS:

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

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

If the code doesn’t work please leave it as is and let me know so I can take a look.

Best regards,
Bojan

GREAT THAT WORKED IF YOU HAVE A LOOK NOW AT THE SITE YOU WILL SEE ONLY THE SEARCH BUTTON NEEDS CHANGING OR REMOVING AND THE CURRENT PAGE IN MENU WHAT IS STILL BLUE…sorry about the caps just noticed lol

Anth

Hey Anth,

If you’re referring to the input field background and border color then please try adding the following to the same place:

#top-search input.search-field {
    background: #fff;
    border: solid 2px #673090;
}

If you want to have the same current menu item color as your hover color please add this to the same place as well:

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

Hope this helps ??

Cheers,
Bojan

all done and sorted how can I buy you a drink?

Anth

Hey again Anth,

Glad we finally managed to get this sorted ??

Who knows, maybe you’ll be able to do that on some of the WordCamps ??

Have a nice day!

Cheers,
Bojan