Image in background

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
Fri Jun 22, 2012 7:47 pm
Reply with quote
Report this post
Hello...

It is possible to have an image in the background for the FASHION template?

a full image no repeat, ?

thanks
User avatar
Expert Boarder

GK User
Fri Jun 22, 2012 9:59 pm
Reply with quote
Report this post
Yes you can use full image. Make it fixed and stretched to browser size.

You can use below css in override.css file and make sure css override is enabled in template settings > advanced settings > css override.

Code: Select all
body { background: url("../images/bg.jpg") no-repeat fixed #F5F5F5; }

or
Code: Select all
body {
background: url("../images/bg.jpg") no-repeat #F5F5F5;
background-attachment: fixed;
background-size: 100% 100%;
}


See you around...
User avatar
Platinum Boarder

GK User
Fri Jun 22, 2012 10:24 pm
Reply with quote
Report this post
I add the code to the override.css.
Turn on the override in the template manager.
But stil lI do not get an background?

Any idea

TKS
User avatar
Expert Boarder

GK User
Fri Jun 22, 2012 10:59 pm
Reply with quote
Report this post
If your website is online please post the link in here or try below codes as background might be getting overwritten by other css classes.
Also make sure your background image is located in templates/gk_templatename/images/bg.jpg

Code: Select all
body { background: url("../images/bg.jpg") no-repeat fixed #F5F5F5!important;}


or
Code: Select all
body {
background: url("../images/bg.jpg") no-repeat #F5F5F5!important;
background-attachment: fixed!important;
background-size: 100% 100%!important;
}


See you around...
User avatar
Platinum Boarder

GK User
Sat Jun 23, 2012 3:51 pm
Reply with quote
Report this post
Still nothing, Yes my image is in the correct folder
/templates/gk_fashion/images/bg.jpg

Did try the code with the important in the code and no luck

this is the site
http://50.28.21.93/~maiacomm/
User avatar
Expert Boarder

GK User
Sat Jun 23, 2012 7:45 pm
Reply with quote
Report this post
Try this instead.

Code: Select all
body { background:url("../images/bg.jpg") no-repeat fixed #F5F5F5 !important;}


See you around...
User avatar
Platinum Boarder

GK User
Sat Jun 23, 2012 7:59 pm
Reply with quote
Report this post
YES!
and it was so simple correction, that I feel dumb not to try my self.. :pinch:
thanks
User avatar
Expert Boarder

GK User
Fri Jun 29, 2012 3:56 am
Reply with quote
Report this post
No problem at all, see you around...
User avatar
Platinum Boarder


cron