Change Charity template color scheme

nfmcpa

I'm really struggling to change the overall template color. I can get it changed on one specific page but cannot make it universal throughout the website. I have been using this tutorial provided in the link below. It has been helpful but has not been successful in helping change the default Charity yellow to a teal color.

Any help on this matter would be greatly appreciated.

http://www.t3-framework.org/documentation/bs3-customization#theme-customization

pavit

nfmcpa Any help on this matter would be greatly appreciated.

Hello

If you can describe what should be customized and post new color hex value i will help you creating a new theme

also you can start to look at the /templates/ja_charity/css/themes/church/ folder to have a look at the files inside it and maybe duplicate it copying and renaming theme in /templates/ja_charity/less/themes/ after you compiled less to css you will have a new folder with your css theme files in templates/ja_charity/local/css/themes/ folder.

hope it helps

paulus1031

Can you check the joomla admin details are correct?

Looking at the site you've got into theme magic and changed the primary colour and saved it as a new theme which you named

Is this correct?

nfmcpa

paulus1031

As far as I am aware, the admin details should be correct. If you run into any problems let me know and I can make the necessary adjustments.

You do have it correct, I created a theme and changed the primary color in theme magic. I created the new theme by making 3 less files (variables.less, template.less, variables-custom.less). I did this by following the instructions provided here: http://www.t3-framework.org/documentation/bs3-customization#theme-customization.

The difficulty is making the changes on the front page universal. With exception to the home page all other pages on the website are still the standard yellow JA Charity color.

Thanks in advance for your help.

nfmcpa

pavit

I'm hoping to change the yellow that appears throughout the website to a teal color. The teal color has the following hex value, #1db2ba. I'm able to impliment this onto the homepage but cannot seem to make it universal. Do I need to repeat the same process with all of the style sheets?

Please let me know if I can clarify anything else.

Thanks.

pavit

nfmcpa but cannot seem to make it universal.

I looked at your website and the teal color hex value, #1db2ba is applying correctly to all pages

Look HERE

paulus1031

I can only see one possible glitch which is the first child element of the shop good things

.section.bg-gray .vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button
{background-color: #1db2ba; border-color: #1a9da4;}

.section.bg-gray .vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box input.addtocart-button:hover {background-color: #16888e;
border-color: #116a6f;}

.section.bg-gray .vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box:hover .prdct-name a {color: #2cd5de;}

.section.bg-gray .vmgroup .vmproduct.productdetails .shop-ct:first-child .product-box {border-top: 3px solid #2cd5de;}

Just in case you want to remove the orange