home with a fixed image and no transparences between modules

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
Tue May 14, 2013 5:50 pm
Reply with quote
Report this post
Hi,

i'd like to do something like http://www.americanfootballfilms.org/, to have a fixed background image but with the bike store template. And how to have a white (for example) background in the content, because in the Homepage there are transparent spaces between the modules.

Can you help me which css code I need to do that?

Thanks.

My web is: http://www.beachwheelseurope.com
User avatar
Fresh Boarder

GK User
Tue May 14, 2013 5:58 pm
Reply with quote
Report this post
Hi,
first you have to change image of your background: templates/gk_bikestore/images/style1/bg_base.jpg
just upload/replace JPG with yours

second, your background "settings" is here in this code


Code: Select all
html {
    background: url("../images/style1/bg_base.jpg") no-repeat scroll center -500px #767676;
}


So as you see you have to override this with your stylesheet:

Code: Select all
html {
    background: url("../images/style1/bg_base.jpg")  fixed #000;
    background-size: cover;
}
User avatar
Platinum Boarder

GK User
Tue May 14, 2013 6:02 pm
Reply with quote
Report this post
WHITE BACKGROUND IN CONTENT

FOR MENU:
#gkMainMenu { background:#fff; }

FOR BOTTOM:
#gkBottom3 { background:#fff; }

If you need more white area - please show me where.
User avatar
Platinum Boarder

GK User
Tue May 14, 2013 6:42 pm
Reply with quote
Report this post
Thanks Pawel for your quick answer!!

And yes, and need to cover more transparence spaces. The 3 bottom modules amb the spaces in the content area and side module. In resume, i'd like to have a white background for the place that i show in the picture, inside the red square, and in the home and the other pages, just to have a white background from menu to the copyright.

Image

Thanks again.
User avatar
Fresh Boarder

GK User
Tue May 14, 2013 7:44 pm
Reply with quote
Report this post
ok, now I see. It want be so easy I thought before.
Because if you add #fff for #gkPageWrap - you will get are area white.
So you have to modify a little default.php file (gk_bikestore\layouts\default.php),
you must add extra code: <div style="background:#fff">
before <section id="gkHeader"> and closing </div> after/or before <section class="gkBottom3">


p.s.
Of course use radius from css3
User avatar
Platinum Boarder


cron