HOW TO MAKE A FULL PHOTO BACKGROUND ON THIS TEMPLATE

GK User
Wed Apr 20, 2011 7:55 pm
Hi,
I need to make a full photo background, I notice this template has the top, middle and bottom. How can I make one full photo for the background?
User avatar
Senior Boarder

GK User
Thu Apr 21, 2011 1:20 am
Yes! I am interested in this as well.
User avatar
Junior Boarder

GK User
Thu Apr 21, 2011 12:39 pm
I hope someone help me out.
This template is great!
User avatar
Senior Boarder

GK User
Thu Apr 21, 2011 1:35 pm
Maybe I can help but I need to know exactyly what do you want, not sure about the backgroud images but I can try. Just post what you have in mind and i will try. ;)
User avatar
Expert Boarder

GK User
Thu Apr 21, 2011 1:54 pm
I want to create a background in Photoshop. This template has 3 different backgrounds.
I need a change on template.css file to one background setup and not 3.
As same as the template "Sporter" will work 100% for my needs.

Thank you!
User avatar
Senior Boarder

teitbite
Thu Apr 21, 2011 9:39 pm
Hi

If You want just one background than please check which layer got the background set and overwrite the css with a class of the one selected with !important rule.
User avatar
Moderator

GK User
Thu Apr 21, 2011 10:15 pm
thank you.
could you please be more specific? like help me with the code? to add on the overwrite.css
User avatar
Senior Boarder

teitbite
Thu Apr 21, 2011 10:38 pm
Hi

Sure. But I will need to see the site to tell anything or at least the template's name :)
User avatar
Moderator

GK User
Thu Apr 21, 2011 10:45 pm
Hi teitbite, my website www.globalproducers.net check it out and please help me out with the code.

Thanks in advance
User avatar
Junior Boarder

teitbite
Thu Apr 21, 2011 11:21 pm
Hi

Please add this code to override.css and allow using of this file in the template settings:

Code: Select all
#gk-top-wrap {
    background: none repeat scroll 0 0 transparent;
}

#gk-top-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none repeat scroll 0 0 transparent;
}

body > #bg {
    background: url("../images/your_file.jpg") repeat scroll 0 0 transparent;
}
User avatar
Moderator

GK User
Sat Apr 23, 2011 12:42 pm
Thank you so much!
I just need one more thing on your code. I need the background to be fix in the center.
Let me know if is possible.

Thanks again!
User avatar
Senior Boarder

teitbite
Sat Apr 23, 2011 9:54 pm
Hi

Try to change the background value to:

Code: Select all
background: url("../images/your_file.jpg") no-repeat fixed center top transparent;

User avatar
Moderator

GK User
Sat Apr 23, 2011 10:32 pm
Thank you!
I still have one question.
The background looks funny on my IPad...maybe is something easy to fix on the code.
Thanks again for your help.
I'll pm you from now.
User avatar
Senior Boarder

teitbite
Mon Apr 25, 2011 5:45 pm
Hi

Can You please attache a screenshot of how it looks like on the iPad ?
User avatar
Moderator

teitbite
Mon Apr 25, 2011 5:47 pm
Hi

I can see You have send me the screen :)

Please just make sure if the line of code I gave You got "no-repeat" value inside. This should fix the problem.
User avatar
Moderator


cron