This feature is credit to our forum moderator
maggoo01. Why didn't I think of it first
.
We added cutsom.css file to default template . This file will let you override all template css declarations. So editing your template is now easier and you dont have to worry if you would brake the site layout.
BACKUP BEFORE UPDATING!!!
For manual updates please download the attached zip file . Extract it
FTP the extracted folders ( administrator , templates) to your site root overriding the existing files
- sitename/administrator/language/en-GB/en-GB.tpl_yougrids.ini
- sitename/templates/yougrids/css/admin/yjsg_admin.css
- sitename/templates/yougrids/yjsgcore/yjsg_core.php
- sitename/templates/yougrids/yjsgcore/yjsg_head.php
- sitename/templates/yougrids/index.php( only version # changed)
- sitename/templates/yougrids/TemplateDetails.xml
- sitename/templates/yougrids/css/custom.css ( new file )
If your template name is different than yougrids or you changed the default style than please follow instructions below
First create empty
custom.css file and place it in your template css folder
sitename/templates/YOUR_TEMPLATE_NAME/css/
MANUAL TemplateDetails.xml file update:
open
sitename/templates/YOUR_TEMPLATE_NAME/TemplateDetails.xml
find line #498( can differ)
Code:
<param name="" type="yjsgtextblank" default="STTEXT_LABEL"/>
change to
Code:
<param name="" type="yjsgtextblank" default="CUSTOM_CSS_SLABEL"/>
<param name="custom_css" type="yjsglist" default="2" label="CUSTOM_CSS_LABEL" description="CUSTOM_CSS_DESC">
<option value="1">Yes</option>
<option value="2">No</option>
</param>
<param name="" type="yjsgtextblank" default="STTEXT_LABEL"/>
MANUAL en-GB.tpl_YOUR_TEMPLATE_NAME.ini file update:
open
sitename/administrator/language/en-GB/en-GB.tpl_YOUR_TEMPLATE_NAME.ini
and add following text at the bottom of the file . NO SPACES OR BRAKES!
Code:
CUSTOM_CSS_SLABEL= This template framework will let you use your custom CSS declarations to override default template CSS. File is located in template css folder under the name custom.css. Any CSS override you place there will automatically take affect. This way you do not have to edit default template CSS file to adjust the layout or color to your own style.
CUSTOM_CSS_LABEL= Activate cutom.css file
CUSTOM_CSS_DESC= This file will let you override all template CSS declarations.
MANUAL yjsg_core.php file update:
open
sitename/templates/YOUR_TEMPLATE_NAME/yjsgcore/yjsg_core.php
find line 40
Code:
$affected_selectors = $this->params->get ("affected_selectors");
under that line add
Code:
$custom_css = $this->params->get ("custom_css");
MANUAL yjsg_head.php file update:
open
sitename/templates/YOUR_TEMPLATE_NAME/yjsgcore/yjsg_head.php
find line
Code:
<?php
require( TEMPLATEPATH.DS."yjsgcore/yjsg_hconditions.php");
?>
add under that line
Code:
<?php if ($custom_css == 1) { ?>
<link rel="stylesheet" href="<?php echo $yj_site ?>/css/custom.css" type="text/css" />
<?php } ?>
Hybrid Mode
