[Gelöst] footer and header background color overflow to the page body

[Author]

Artikel

[davidZ-4]

I am trying to: create a header and footer background in black

I visited this URL: hidden link

I expected to see: the body of the page with white background like this example hidden link

Instead, I got: the body of this page in black

both pages using the same layout
initially I used a CSS id Selector for both header and footer and seen the issue for the first time
I change the CSS to class Selector but still have the same issue.

when I display the search page with no parent layout
it comes as I want it to be i.e. no black background
when I assign the parent layout I get the issue on the page

I created a test page with the search view shortcode in it and still have the issue
when I change the shortcode to a different search view the issue disappear - see hidden link

BTW i couldn't upload images using edge browser. i had to switch to Firefox to submit this ticket.

Please advise,
Thanks,

David

[Minesh Supporter Languages: Englisch (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Hello. Thank you for contacting the Toolset support.

I checked your issue and the reason why backgound color is spreading in the middle section is due to some padding/margin is added to div.

could you please try following CSS code for your footerbg CSS class. I've added "clear:both;" to it:

.footerbg {
    background: black none repeat scroll 0 0;
    clear: both;
}

I hope this solution will help you to resolve your issue.

[davidZ-4]

Thanks Minesh,

The CSS code solved part of the issue.

I still have 2 issues with this layout
The footer background is set to be extend to the full width of the page and it does not.
The search and result form are offset to the right and not centered on the page.

Please the enclosed screenshots and advise,
Thanks,

David

[Minesh Supporter Languages: Englisch (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Glad to hear that your original issue is resolved.

As the original issue is resolved may I kindly ask you please to open a new ticket for your additional questions. This will help other users with similar problems to find solutions when searching the forum.

Thank you for understanding.