[SOLVED] How to add 4th style to Boutique

Hi,

I am working with Boutique template.
There are three basic color themes, defined in style1.css, ..2.css and ..3.css

Is it possible to completely add a new color theme (like stryle4.css), name it "yellow"?

Sure you can
Copy style1.css and rename it style4.css

Find file: "Joomla Root/templates/gk_boutique/templateDetails.xml"
Find Line: 181 which is below

Code: Select all

                    <option value="3">TPL_GK_LANG_COLOR_3</option>


Add after below

Code: Select all

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


So code looks like

Code: Select all

                <field name="template_color" type="list" default="1" label="TPL_GK_LANG_TEMPLATE_COLOR" description="TPL_GK_LANG_TEMPLATE_COLOR_DESC">
                    <option value="1">TPL_GK_LANG_COLOR_1</option>
                    <option value="2">TPL_GK_LANG_COLOR_2</option>
                    <option value="3">TPL_GK_LANG_COLOR_3</option>
          <option value="4">TPL_GK_LANG_COLOR_4</option>
                </field>


Find File: "Joomla Root/language/en-GB/en-GB.tpl_gk_boutique.ini"
Find Line: 27 Which is below

Code: Select all

TPL_GK_LANG_COLOR_3="violet"


Add After it below code

Code: Select all

TPL_GK_LANG_COLOR_4="yellow"


Now open style4.css and make all your changes...
See ya around...

Hi,

Thanks. What a quick reply.
I'll give it a try.

See ya

No problem at all...

Hi and thanks for the good explanation.

I did follow your instructions and it worked out great except for one little thing. When I now activate my own style (style4) the layout of the typography page gets all screwed up. How can the style4.css file affect the typography page in such a way by just changing one color code?

TIA,

Clemens

I am writing this without checking anything as i am at work.

What you can do is copy and rename one of the typographyX.css files.
Originally there are 3 typography.css files and 3 styles so by creating 4th style there is no typography file exists for 4th style.

So simply copy and rename one of the typographyX.css to typography4.css

See you around...

Excellent, that worked - thanks! So simple I should have seen it myself...

Clemens

No problem at all , marking this topic as solved.


See you around...