This section is dedicated to developer in you. Browse the articles and make your YJSG theme unique.
YJSG comes useful feature for dynamic color styling. PHP class Yjsgcolor
can help you style any of your HTML elements based
on style link color.
$yjsg_color->darker('percentage')
= makes the color darker based on the link color.$yjsg_color->lighter('percentage')
= makes the color lighter based on the link color.
To make it easier for you we have already created $cc_css
variable that you can use to define your multiple elements.
If you open site_root/templates/template_name/custom/template_custom_params.php
you will see this variable defined with one or more elements inside :
$cc_css ="a{color:".$style_color.";}";
You can simply add more elements and either use your style default link color for them $style_color
or you can extend it with
$yjsg_color->darker('percentage')
or $yjsg_color->lighter('percentage')
methods.
If you open Eximium template template_custom_params.php
file you will find $cc_css
variable populated with few css class names that are affected once you change default style links color:
As you can see we used default link color to style some of our elements. This can be further extended to use custom color for other elements based on link color.
Please do not edit or change template_custom_params.php
file directly. This file is used for each template differently and it might be changed on template update. You can use yjsg_custom_params.php
file instead. Just copy the variables or params from template_custom_params.php
to yjsg_custom_params.php
and extend them.
If you were wondering where the $style_color
variable comes from, this would be your selected stylesheet link color that you can find in template manager under the tab Style.
After you have declared all elements that you would like to style based on link color you can change default color code for your stylesheet within your template manager and all elements defined within $cc_css
variable will be changed and adapted based on this param.