Want module "header_bottom" not indented.

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
Thu Mar 10, 2016 9:33 pm
Reply with quote
Report this post
Want module "header_bottom" not indented from left, right, up and bottom sides. So that the background image spans the entire it area, as header module. How can I do this?
Thanks in advance.
User avatar
Expert Boarder

teitbite
Mon Mar 14, 2016 11:18 am
Reply with quote
Report this post
Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all
#gkHeaderBottom .gkPage {
    max-width: 100%;
}
User avatar
Moderator

GK User
Mon Mar 14, 2016 2:53 pm
Reply with quote
Report this post
header_bottom.PNG

Hi.
Thank you.
Almost done. But how about top and bottom margines?
url in PM
User avatar
Expert Boarder

teitbite
Fri Mar 18, 2016 11:02 am
Reply with quote
Report this post
Hi

Please check the url. It's giving me "Server cannot be found message".
User avatar
Moderator

GK User
Fri Mar 18, 2016 7:52 pm
Reply with quote
Report this post
Strange. The URL is fine
User avatar
Expert Boarder

teitbite
Tue Mar 22, 2016 2:33 pm
Reply with quote
Report this post
Hi

I can see it now. The spaces are caused by paragraph margins. Please add code to override.css to get rid of it:

Code: Select all
#gkHeaderBottom p {
margin: 0;
}
User avatar
Moderator

GK User
Tue Mar 22, 2016 8:48 pm
Reply with quote
Report this post
Hi
When I insert
Code: Select all
#gkHeaderBottom .gkPage {
    max-width: 100%;
}

the content in this module is being not template wide, but allscreen wide (((

url: /sale

header_bottom2.PNG


Is it possible to make all screen wide background image, and template wide content?
User avatar
Expert Boarder

teitbite
Mon Mar 28, 2016 9:39 am
Reply with quote
Report this post
Hi

You needed this solution:

Code: Select all
#gkHeaderBottom .gkPage {
    max-width: 100%;
}


for frontpage, but it's affecting all pages. You need to separate it. Best with using this method: https://www.gavick.com/documentation/jo ... omla-pages
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.