Return to previous page

How to create full-width footer and remove gap below footer2?

This topic has 8 replies, 2 voices, and was last updated 10 years, 5 months ago ago by Eva Kemp

Michael

Participant

June 16, 2014 at 20:45

I have followed the instructions for adding static blocks in a four column visual composer row, and it displays fine. However, I would like the footer1 and footer2 background color to be full width, and to also remove the gap below footer2.

In effect, similar to the support forum pages on which I’m typing. It appears to be a child theme of legenda.

using Legenda v 2.2, Responsive width is set at default: 1200

Thanks very much!

#7170 Copied

7 Answers

Eva Kemp

Support staff

June 16, 2014 at 20:54

Hello,

Please provide us with the link to your site.

Regards,
Eva Kemp.

#7172 Copied

Michael

Participant

June 16, 2014 at 21:02

Thanks for the quick reply Eva. Sorry I don’t have a publicly accessible link yet. I’m developing this locally on my development machine, not accessible from the web. Can you still help me?

I am running a child theme and I see that the style_custom.css is recompiling as I work with it.

Thanks, Mike

#7173 Copied

Eva Kemp

Support staff

June 16, 2014 at 21:08

Sorry, but it’s difficult to provide you with the correct code not seeing the site. We need to have a look at what you’re trying to modify exactly.

Regards,
Eva Kemp.

#7174 Copied

Michael

Participant

June 16, 2014 at 21:51

Ah. Thanks Eva. I figured it out. I was placing the 4 column static block in Footer1 rather than Footer2 widget area. Oncve the static block moved to widget Footer2, it expands follows full width as expected! Now to get the footer background color…

Mike

#7175 Copied

Eva Kemp

Support staff

June 17, 2014 at 11:35

Hello,

Are you trying to change the footer background color? If you are unable to provide us with the site link, then please show us a screenshot of what you’re trying to achieve and we’ll try to help you as more as we can.
Thank you.

Regards,
Eva Kemp.

#7213 Copied
Michael

Participant

June 17, 2014 at 17:14
Thanks Eva, I figured part of it out. I used:
```
.footer-top.footer-top-3, .footer.footer-bottom-3, .footer.footer-bottom-2 {
	background: #563326;
	color: #ddd;
}
```
I don’t understand, though, that the resulting color seen in this screen shot is lighter than it should be. Is there an alpha setting for the footer background that I am not seeing?

http://take.ms/vpJSB

Here’s how the #563326 should look:

http://take.ms/sSvNF
#7270 Copied
Eva Kemp

Support staff

June 17, 2014 at 19:16

Seems you’ve selected the wrong color code. Here is the link where you can see the color of #563326: http://www.color-hex.com/color/563326
Try to use this code: #190f0b or #22140f

Regards,
Eva Kemp.

#7286 Copied
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘How to create full-width footer and remove gap below footer2?’' has been successfully resolved, and the topic is now closed for further responses

How to create full-width footer and remove gap below footer2?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection