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?

    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;
}
      4 days later

      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

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

          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.

              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?

                  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

                    Write a Reply...
                    You need to Login to view replies.