New Color for each page

Hi,

I am trying something out on the ecommerce theme.

https://demo.gavick.com/joomla3/quark_ecommerce/

Do you see the yellow color on INTELLIGENT SHOE?

I want to choose my own color on each page. (for example homepage: yellow about us page: blue) So for one page blue and the other red, blue etc.

How can i do this? Or could you push me to the right direction? I have the basic skills in html and css and still learning

Hi

You will have to use page class suffix as in example here: https://www.gavick.com/documentation/jo ... omla-pages a code for the color would looks like this:

Code: Select all

.page-class-suffix1 .big-photo .big-photo-desc {
    background: #000 none repeat scroll 0 0;
}

.page-class-suffix2 .big-photo .big-photo-desc {
    background: #FFF none repeat scroll 0 0;
}


Hi added the code you gave.

And added
page-class-suffix1 on item 1203 (a page)

But it didn`t work. I am already using a another suffix on that page is that a problem?

Found a better way

in module:

Code: Select all

<div style=background-color:black class="big-photo">
<div style=background-color:black class="big-photo-img">

and

Code: Select all

<div style=background-color:black class="big-photo-desc">

Is this a good way?

Hi

In-style is not well seen by google. Some html validators may even find it as am error. So it's better to use it as I've mentioned, but if You have more suffixes, simply put them as one with a space between names.

For example:

Code: Select all

1024=no-mainbody page-class-suffix2


Your idea is good too, but It would need to be changed to that:

Code: Select all

<div class="big-photo bgblack">
<div class="big-photo-img bgblack">


and than a new code for css file (override.css):

Code: Select all

.bgblack {
background-color: black;
}