Change background to another colour

pdingle

I have been looking everywhere for where JA Kids Corner template pulls the background purple colour onto the background of modules in the footer and article content backgrounds. Iv tried changing the colours within thememagic and nothing happens. Where can I please change this?

Ninja

pdingle
Hi
Add this code in custom.css file and change the color code as per needs

.t3-topbar {
    background: #403d75;
    color: #b1afd2;}
		.t3-footer .footer-inner {
    background-color: #403d75;
    color: #ffffff;
}

pdingle

Many thanks, I have created a custom.css file in the CSS folder and copied this into it but it doesnt seem to have any effect. Is there an option somewhere in the template to allow the use of custom.css like other templates as I cant seem to find it.

Thanks again

Ninja

pdingle
Hi
File path : template folder/css/custom.css
the code should work can you share the URL of page here

pdingle

I have just checked and the custom.css is in the right place but its not working after changing the colour to red in this file. The site is at https://www.pdcgroup.net/barfordvh/

Thanks for looking

Ninja

pdingle
Hi
Your website does not have topbar used. So code make no change as topbar not exist.
If you mean by header use this code
On footer you are using custom BG image /barfordvh/images/Village_Hall_Backgrounds_1.jpg
so the color will not work.

pdingle

Thanks Ninja, The footer purple is the purple inside the modules (not the image linked which is green) I have attached a screenshot. The header purple is on the "About Us" page which I have also screenshoted, I think this must be an image somewhere as its not a flat purple?

Ninja

pdingle
Hi the arrow path is image
https://www.pdcgroup.net/barfordvh/templates/ja_kidscorner/images/nav_mask/nav-top.png
Can be override by this code

.t3-footer #back-to-top::after {
    content: "";
    background-image: url(/barfordvh/templates/ja_kidscorner/images/nav_mask/nav-top.png);
    filter: invert(23%) sepia(77%) saturate(412%) hue-rotate(
204deg) brightness(92%) contrast(95%);
}

The module inner blue color is

.t3-footnav .t3-module .module-inner {
    background: #3b386f;}

Override it with this code in custom css

Regards