Full page image 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
Wed Jul 10, 2013 10:40 am
Reply with quote
Report this post
Hello!

I would like to use a full page image background with a non-fixed content. How to achieve this within the creativity template?
I completed the overide.css file:
Code: Select all
html {   background: url("../images/bg.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }

However the image disappears once the page is loaded.

Thank you for your help.
User avatar
Fresh Boarder

GK User
Wed Jul 10, 2013 11:27 am
Reply with quote
Report this post
Could You post an url to your site?
User avatar
Moderator

GK User
Wed Jul 10, 2013 11:40 am
Reply with quote
Report this post
Cyberek wrote:Could You post an url to your site?


Here it is : http://174.121.85.155/~techv2/ :)
User avatar
Fresh Boarder

GK User
Wed Jul 10, 2013 3:59 pm
Reply with quote
Report this post
Firstly, please specify If You would like to have it only on sides of the main column, which should stay white?
Also - background should show only on homepage, or maybe also on other pages?
User avatar
Moderator

GK User
Wed Jul 10, 2013 4:29 pm
Reply with quote
Report this post
Yes, on the sides of the main column. We would like to have a fixed image on each page, and it will change depending on the category.
User avatar
Fresh Boarder

GK User
Thu Jul 11, 2013 4:30 pm
Reply with quote
Report this post
I have checked few things ant this template is incompatibile with creating background image. To see this, please add this css code:
Code: Select all
#gkContentWrapper, #gkPageContentWrap {background: transparent;}
#gkPageContent {background: #fff;}


Please read first about adding custom CSS:
http://www.gavick.com/documentation/joo ... -template/

Now go to http://174.121.85.155/~techv2/index.php/k2/k2-item
and check how strangely it looks. With sub pages it is quite easy, but with main page, You would need to rewrite quite a lot of css code - moving the background declarations from elements that have 100% width to their child elements. I'm afraid the end result would look nice.
User avatar
Moderator

GK User
Mon Jul 15, 2013 9:51 am
Reply with quote
Report this post
Thank you for your answer. I tried, it's quite ugly :( So I guess we'll have to give up the idea for this template. Could you suggest us another recent template that would allow us to use full image background?
Our client would like something like that :http://www.arch-office.fr/space-planning-conception-agenceur-bureaux.php
User avatar
Fresh Boarder

GK User
Mon Jul 15, 2013 8:24 pm
Reply with quote
Report this post
You would need to find the closest template to showen example.
Most of the templates (beside Creativity, Simplicity, Magazine, Startup, Creative) are flexible enough to work with single image background. What You should not search for is tamplate with horizontal, full width color different blocks appearing in sets.
User avatar
Moderator

GK User
Wed Jul 17, 2013 7:30 am
Reply with quote
Report this post
Ok, thank you for your help. We found a solution: we'll use Creativity template for the intro page of our site and then another template.
User avatar
Fresh Boarder


cron