Background - diffrent picture for each page

Hi,
Another issue.
I do like in your article
https://www.gavick.com/documentation/jo ... omla-pages
I created in override.css

Code: Select all

.custombg #gkMainWrap > div {
        background: url('../images/image.png') no-repeat top center transparent;
    }


I add the rule to main page and another one
101=custombg
104=custombg
and the image doesn't display?
Where i made mistake?
http://estimator.expert
if you need access it was send in previous topic on pm

Hi

There is no layer called "gkMainWrap" in Your site. In Your case You will need to use:

Code: Select all

.custombg #gkBg {
    background: url('../images/image.png') no-repeat top center transparent;
}


It doesn't work
I' ve changed custombg to roznetlo...for checking if this is problem with the name....but not...

Hi

It worked, but I've missed that it's covered by a different background. Add this to remove it:

Code: Select all

#gkPageContent {
    background: transparent none repeat scroll 0 0;
}


Hi,
It doesn't helped

Hi

When I look at override.css I do not see this code I gave You. When You will send FTP access. I'll check that as well.

It's at the begginig of file....

Hi

I can see something should be in line 31 of override, but browser does not recognise this code as css. There must be a wrong codding or some error in its syntax. Please check it or give me an access to joomla panel so I'll check it myself.

Hi

I've just found You have send an ftp access, so it would be enough.

It was a codding issue. File is codded to utf-8, but this particular line was latin2. I have also changed this code a little bit to only remove this background when it's needed:

Code: Select all

.roznetlo #gkPageContent {
    background-color: transparent;
}


I have also added a small modification to background:

Code: Select all

.roznetlo #gkBg {
    background-repeat: repeat !important;
    background-size: 100% auto !important;
}


Hi,
Thx on normal screen everything is ok.
On tablet background is reapeting? - How to solve it?
Tomasz

Hi

It was my intention to repeat it, I thought it looks better this way, You can of course just change the code from "repeat" to "no-repeat":

Code: Select all

background-repeat: no-repeat !important;