Color scheme for the Yoga demo

9 replies · opened Apr 22, 2022

NnerdoffortuneApr 22, 2022

Hi there,

I have edited the color.php to reflect a custom color but I can't seem to change the green on the main slider at the top, or buttons, etc. We need to replace the main colors with:

#8C5A79 and #BA9CAE

But nothing I edit works. I even went thru and replaced all of the #7E9680 with other colors, still green.

Can you help?

url: https://idstactics.com/lynell-company/#

SSemicolon WebSTAFFApr 22, 2022

Hello,

Apologies for the Inconveniences caused!

We recommend using css/colors.css File instead. Simply find the following code in your HTML:
[ch_pre]<link rel="stylesheet" href="css/colors.php?color=7E9680" type="text/css" />[/ch_pre]

and replace it with:
[ch_pre]<link rel="stylesheet" href="css/colors.css" type="text/css" />[/ch_pre]

Then open the demos/yoga/yoga.css File and simply change the --themecolor: #7E9680; and --themecolorrgba: 126, 150, 128; Values to your required Colors: --themecolor: #8C5A79; and --themecolorrgba: 140, 90, 121;.

That's it! This will definitely resolve the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

NnerdoffortuneApr 22, 2022

Hi again,

That changes most of the color scheme, but not the green overlay across the hero image slider on the front.

SSemicolon WebSTAFFApr 22, 2022

Hello,

As we have mentioned in our previous reply, please make sure that you are changing the --themecolorrgba to --themecolorrgba: 140, 90, 121; in the demos/yoga/yoga.css File. This will apply the new color to the Slider BG Overlay.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

NnerdoffortuneApr 22, 2022

Hi there,

I did. Please see image attached*

NnerdoffortuneApr 22, 2022

It is still green

NnerdoffortuneApr 22, 2022

Hi again,

Si I have perform each edit as you instructed. But, the area is still green. Please see attached. Very strange that this is not editable in the css file or anywhere else***

SSemicolon WebSTAFFApr 22, 2022

Hello,

We have just checked out your Website and the File you are loading for the Yoga Template: https://idstactics.com/lynell-company/css/yoga.css still has the old RGB Codes which is why your Custom Colors are not being applied.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

NnerdoffortuneApr 22, 2022

Thank you so much. That did it.

SSemicolon WebSTAFFApr 23, 2022

Glad your issues were resolved.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard