Make footer collor repeat-x with css

GK User
Sat Aug 04, 2012 7:22 pm
Hi, Can you please tell me if it is possible to make the footer background collor repeat-x with css as it is in your site gavick.com?

Thank you
User avatar
Expert Boarder

GK User
Mon Aug 06, 2012 3:27 pm
Please help
User avatar
Expert Boarder

teitbite
Mon Aug 13, 2012 4:44 pm
Hi

Please show me exacly what You have in mind and I'll tell You how to make it.
User avatar
Moderator

GK User
Mon Aug 13, 2012 5:00 pm
Thank you for the reply,

In your site gavick.com the bg color of the footer, where the botom positions is repeating-x, i mean the bg color of this page is white but when i scroll down to the footer the bg color changes into black.
In my site i want the same thing, in the botom positions and the footer my color #009ACD to repeat-x.
But i dont know how to do that via css. Can you check that in my site http://beta.greeceinsiders.com/
Thank you for your help.
User avatar
Expert Boarder

teitbite
Mon Aug 13, 2012 6:15 pm
Hi

Ok I get it. Unfortunately this will require some extra modifications and removing couple which You've already implemented. I shouldn;t be doing that because we do not support such modifications, but if You send me ftp access I can re-arange layers and try set couple additional css classes.
User avatar
Moderator

GK User
Mon Aug 13, 2012 6:31 pm
I sent you e pvt message with info, thank you for your time
User avatar
Expert Boarder

teitbite
Mon Aug 13, 2012 6:43 pm
Hi

Ok got it. Unfortunately i'm finishing for today and have to schedule it for tomorrow. Hope it's ok :/
User avatar
Moderator

GK User
Mon Aug 13, 2012 6:50 pm
Of course its ok ,only if you are not too busy i want you to help me,
Thank you very much
User avatar
Expert Boarder

teitbite
Tue Aug 21, 2012 11:40 am
Hi

Ok. Looks like I didn't get Your ftp and made this change on a different website thinking it's yours :/ uups :)

Here is the code You should use to make bottom part cover all width, than You can add any background there.

Code: Select all
#gkPage,
#gkFooter {
    background: none repeat scroll 0 0 #000000;
    width: 100%;
}
User avatar
Moderator

GK User
Tue Aug 21, 2012 1:48 pm
Thank you very much, it works perfect ,
can you please tell me how to do the sam,e thing in #gkFooterWrap?
User avatar
Expert Boarder

teitbite
Wed Aug 22, 2012 10:03 am
Hi

I believe something like this:

Code: Select all
#gkFooter {
width: 100%;
background: none repeat scroll 0 0 #000000;
}

#gkFooterWrap {
    width: 1050px !important;
    margin: 0 auto;
}
User avatar
Moderator


cron