Text Area Under Footers

Using a child-theme downloaded here you could add an area either above or below by editing the footer.php.

I have a child theme already installed, what do I do to edit the footer.php?

I’d suggest you go for a Text Widget solution.

You could use just one of the 3 footer areas and style the result to stretch ther whole width if needed

..but I have things in my 3 footers that I need, I just want another text space underneath of those that is all the way across. Wish it were easy. Thanks rdellconsulting.

Do any of the 3 footers use the Text Widget? Do they have HTML coded?

Just thinking you could add a new <div> with a class=”widefoot” and then reposition that element using:

.widefoot {
position: relative;
top: 0px;
left: 0%;
min-width: 100%
}

and then make adjustments. Use ‘-‘ to move up or left from start-position.

For width dimensions, using % ensures your responsiveness is maintained.

But then that would mess with my other footers, right? I just need a text area underneath those 3 boxes. ??

I THINK you can use this tutorial and replace all instances of header with footer, mind the capitalization.

If I’m wrong someone will definitely be in to say so.

I don’t want to replace them – I just want to add a text both underneath…that’s it.

The tutorial teaches how to add a widget area below the header. I think if you replace all instances of header with footer in the tutorial it will add a widget area after the footer.

What’s the link to the tutorial?

Oops, my bad, sorry.
https://www.themesandco.com/snippet/add-widget-area-header/

No need to create any new widget areas.

Just tested my approach and it seems to work for me.

I’ve set up 3 Footer Text Widgets (Left-Center-Right)

Added some <p> text to each and styled it.

Edited the center footer and added

<h4>Let this stretch over the whole footer please! *****************************************************************************************</h4>

Repositioned it using:

footer#footer h4 {
position:relative;
top: 60px;
left: -100%;
}

You’ll need to make adjustments to suit yourself.

Hi, the following snippet explains how to add a fourth widget area in the footer :
https://www.themesandco.com/snippet/adding-fourth-footer-widget-area/

Thanks

Thanks nikeo – can that widget go across the whole page? I’d like to put in widgets that will just go left to right and then continue down below. Thanks.

Delete whatever you have in footer widget areas two and three and add:

#footer_one {
    width: 100%;
}

to your CSS.

That will give you one wide footer.