Two different template colors into same web??

This template, as many others, have the possibilities to have different colors. I have an idea for my site (which is not build yet) :

At the opening page I will use one type of color.
There will I split into two complete different arias. On each of them I want to have another color.
Is this possible and how is this done?

Easy way to do this is by using page suffix in template settings > features > Suffixes for pages.

Suppose your background image or color comes from css class called "body" and uses following css code for color

Code: Select all

body {
    color: #000000;
}


Suppose your home menu item id is 101 ( See end of menu item in menu view such as main menu items )
Suppose your second page menu item id is 200 ( See end of menu item in menu view such as main menu items )

If you add following in suffixes for pages
ItemID/Option:200
Suffix:white
Click on Add rule button.
You will see following added.

Code: Select all

ItemID 200 - white


Now go to Advanced Settings Custom CSS code and add below css

Code: Select all

.white { background:#ffff;}


Click save & close.

Now when you go to your second page background color will change from black to white.

See you around...

I think I have misexplained myselves. I hope the solution is more easy than this.

If you take a look at the demo of this template ("yourShop"), you see there is three main different color settings. Green, Red and Blue.

What I want is to have the opening page in the Green settings. From the menu there the user click on one menu and go to that page. At this page I want to change the template settings to Red.
When I go back to Home it goes back to Green. On another menu item I will direct the user to pages which will have the template settings Blue.

I have read that this can be done by "replicate" the template, but I do not understand what that is.

I build the site with first to install the quick files. Then I have just the design I want. From this stage, how do I act to make those different template settings (and different colors on menus and everything)

I understand what you want now. What you need to do is below.

Go to Joomla Admin > Extensions > Template Manager. Now you will see list of your templates.

Click on checkbox just by "gk_yourshop - Default" then on top right menu choose "Dublicate".
Now on the list you will see "gk_yourshop - Default (2)".
Simpy click on "gk_yourshop - Default (2)" and change style as you require. Just on bottom left you will see menu list, so choose your menu item where this style will show.

That is it.

See you around...

I will give you a PM if this easy task is correct. I hope I have time this weekend.

Oh... no.

I have now done exactly what you described.

home is set to green
vin is set to red
sea is set to blue

What have I done wrong ?

Can you please tell me which styles you are trying to do on which menu items.

See you around...

Ok.. I do not know what I did wrong with my answer. I described:

"home is set to green
vin is set to red
sea is set to blue"

What more direct can I say?

here is the url: http://balt-scandic.com/

In your previous reply you had a different link "mittspania.com" which had a different template that is why I was asking you again.

I can see your current setup as below;

Home - Green
Vin - Red
Sea - Green

If you want to use "Blue" as your main color for the rest of the pages set that style as default. Tick in front of the checkbox and click on "default".

Red Color assign to Vin menu item.
Green Color assign to Home Menu item.

See you around...

Of course I have done that, but with no luch.

Can you please send me admin access and ftp access to my email and I ll check this out for you. My email normanuk [at] live.co.uk.

I will set them as below;
"Blue" as default for all pages.
Home - Green
Vin - Red

is this correct?

See you around...

The fix was just what you described and I also have done. I did not test it on other browsers, but see now that it is ok in Internet Explorer, Firefox and also Safari. The problems with no changes is in the browser that seems taking the lead possision on the marked, Chrome.
I have tried to find the solution in settings, but cannot solve the problem.
Any tip where to look for solution, please.

I have just tested the site on a different computer also with Chrome, with success. Then it means that my main computer has some settings in the Chrome that make the bug for me.

Any tip to look for settings?

Try clearing your Chrome cache / history.

See you around...