Background - diffrent picture for each page

Professional Joomla social template with metro design and JomSocial extension support.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Oct 16, 2016 3:26 pm
Reply with quote
Report this post
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
User avatar
Senior Boarder

teitbite
Mon Oct 17, 2016 10:39 am
Reply with quote
Report this post
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;
}
User avatar
Moderator

GK User
Mon Oct 17, 2016 6:23 pm
Reply with quote
Report this post
It doesn't work
I' ve changed custombg to roznetlo...for checking if this is problem with the name....but not...
User avatar
Senior Boarder

teitbite
Thu Oct 20, 2016 2:13 pm
Reply with quote
Report this post
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;
}
User avatar
Moderator

GK User
Thu Oct 20, 2016 7:44 pm
Reply with quote
Report this post
Hi,
It doesn't helped
User avatar
Senior Boarder

teitbite
Sun Oct 23, 2016 10:50 am
Reply with quote
Report this post
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.
User avatar
Moderator

GK User
Mon Oct 24, 2016 5:23 pm
Reply with quote
Report this post
It's at the begginig of file....
User avatar
Senior Boarder

teitbite
Thu Oct 27, 2016 11:34 am
Reply with quote
Report this post
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.
User avatar
Moderator

teitbite
Thu Oct 27, 2016 11:46 am
Reply with quote
Report this post
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;
}
User avatar
Moderator

GK User
Tue Nov 01, 2016 8:16 pm
Reply with quote
Report this post
Hi,
Thx on normal screen everything is ok.
On tablet background is reapeting? - How to solve it?
Tomasz
User avatar
Senior Boarder

teitbite
Sun Nov 06, 2016 10:53 am
Reply with quote
Report this post
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;
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.