another background image prob

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 Jun 02, 2013 8:11 pm
Reply with quote
Report this post
I'm also trying to add
http://www.oakraflooring.co.uk/template ... 1/back.jpg
as a background image to the site:
http://www.oakraflooring.co.uk
Added the following to the override file as suggested in an earlier post but no joy... do i require further css amendments? Thanks as always joe


html {
background: url('../images/style1/bg1.jpg') top center no-repeat;
}
body,
#gkTop,
#gkPageContentWrap {
background: none !important;
}
User avatar
Junior Boarder

GK User
Sun Jun 02, 2013 9:08 pm
Reply with quote
Report this post
Use this code please for your html background...

Code: Select all
html { background: url("../images/style1/back.jpg") center top no-repeat scroll;}


See you around...
User avatar
Platinum Boarder

GK User
Sun Jun 02, 2013 9:13 pm
Reply with quote
Report this post
normanUK wrote:Use this code please for your html background...

Code: Select all
html { background: url("../images/style1/back.jpg") center top no-repeat scroll;}


See you around...

Thanks Norm, tried this no effect?
User avatar
Junior Boarder

teitbite
Sun Jun 02, 2013 9:16 pm
Reply with quote
Report this post
Hi

If You want a background under the site You need to remove white background from some elements:

Code: Select all
#gkTop, #gkPageContentWrap {
    background: none repeat scroll 0 0 transparent;
}


than add the background to body:

Code: Select all
body {
    background: url('../images/style1/bg1.jpg') top center no-repeat;
}


so almost the same as You'v tried. Please check if override is enabled in template settings.
User avatar
Moderator

GK User
Sun Jun 02, 2013 10:28 pm
Reply with quote
Report this post
teitbite wrote:Hi

If You want a background under the site You need to remove white background from some elements:

Code: Select all
#gkTop, #gkPageContentWrap {
    background: none repeat scroll 0 0 transparent;
}


than add the background to body:

Code: Select all
body {
    background: url('../images/style1/bg1.jpg') top center no-repeat;
}


so almost the same as You'v tried. Please check if override is enabled in template settings.


I've added each of these snippets to the override.css... without success... Do I have to manually remove the reference to the white backfround> are they in the template.css?
User avatar
Junior Boarder

GK User
Mon Jun 03, 2013 7:35 am
Reply with quote
Report this post
Hi,
Tried to add a background image to the site as well.

It did not work with an image but if i change

body {
background: url('../images/style1/bg1.jpg') top center no-repeat;
}

to:

body {
background-color:#000000 ;
}

it changes the background to black - so we are nearly there :-)

BUT - i would like the body to have another color and still remain the content area to be white background. Would that be possible?

Thanks
User avatar
Senior Boarder

GK User
Mon Jun 03, 2013 3:31 pm
Reply with quote
Report this post
Hi Buddy... you get anywhere with this one?
User avatar
Junior Boarder

GK User
Tue Jun 04, 2013 9:47 am
Reply with quote
Report this post
@JoeMcM ,

I can see the code is working on your site when I checked it for background, what was the problem.

Also your background image name is "back.jpg" not "bg1.jpg". Fix that in your css code and it should work.

See you around...
User avatar
Platinum Boarder

teitbite
Tue Jun 04, 2013 9:35 pm
Reply with quote
Report this post
Hi

Norman is right. I can see it too.

Just wanted to add to not bumb Your own thread. It goes to the end of the line after each post so if there is a lot of question it takes more time to get back to it again.
User avatar
Moderator


cron