[SOLVED] Add More Styles & Color Options

Can i add more styles to the template so that i can have more color options - please help me out how can i add more styles

Thankyou

Regards,
spokanet

Follow below for easy instructions on adding an extra style. Please note this will only allow you to select a new style, any customizations you must do it your self in style files. Currently this template has 4 color styles so in this example we will be creating 5th style which will be from now on called "style5" and name will be "Black".
Below files needs to be edited so make sure to do a backup of these files;

Code: Select all

\templates\gk_finance_business\templateDetails.xml
\language\en-GB\en-GB.tpl_gk_finance_business.ini
\templates\gk_finance_business\layouts\blocks\footer.php


Each style consists of following. "X" is a number.
\templates\gk_finance_business\css\styleX.css (File)
\templates\gk_finance_business\css\typography.styleX.css (File)
\templates\gk_finance_business\images\styleX\ (Folder)

Lets begin. Copy any one of the style files and folders and rename them for style5 so you end up having following.

Code: Select all

\templates\gk_finance_business\css\style5.css
\templates\gk_finance_business\css\typography.style5.css
\templates\gk_finance_business\images\style5\


Find File: \templates\gk_finance_business\templateDetails.xml
Find Line: 178 which is below

Code: Select all

               <option value="4">TPL_GK_LANG_COLOR_4</option>


Change it to below, save and close.

Code: Select all

               <option value="4">TPL_GK_LANG_COLOR_4</option>
               <option value="5">TPL_GK_LANG_COLOR_5</option>


Find File: \language\en-GB\en-GB.tpl_gk_finance_business.ini
Find Line: 28
Which is below

Code: Select all

TPL_GK_LANG_COLOR_4="red"


Change it to below then save and close.

Code: Select all

TPL_GK_LANG_COLOR_4="red"
TPL_GK_LANG_COLOR_5="black"


Find File: \templates\gk_finance_business\layouts\blocks\footer.php
Find Line: 25
Which is below

Code: Select all

        <a href="#" id="gkStyle4">red</a>


Change it to below, save & close.

Code: Select all

        <a href="#" id="gkStyle4">red</a>
        <a href="#" id="gkStyle5">black</a>


Now select your new style from admin panel or from frontend and start changing the colors / images.

See you around...

Thankyou

This has helped me

Hi,

In order to a add a new color set for the template, I'm afraid that you must be a developer as it would require much of knowledge in html and css.

Ya i will be able to do - you have helped my

Ya I am good at css and html

I can understand and edit

but cannot make my own css - but yea can surely do html perfectly

Marking this topic as solved.

See you around...