Footer section is not fulwidth as in the homepage

This thread is resolved. Here is a description of the problem and solution.

Problem:
The user has the footer in fullwith in some pages and not in fullwidth in other pages.

Solution:
It turns out that the user is using two page-builders. A workaround would to move the footer with custom Javascript code.

jQuery('.middle_content.entry>div.tb-grid:last').appendTo('.middle_inner')

This support ticket is created 3 years, 5 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic is split from https://toolset.com/forums/topic/align-distance-filter-value-and-unit-on-the-same-line/

Sun	Mon	Tue	Wed	Thu	Fri	Sat
9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-	-	9:00 – 13:00
14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-	-	14:00 – 18:00

Supporter timezone: Africa/Casablanca (GMT+01:00)

Tagged: Content Templates, Setting up custom fields, Toolset Blocks, Types plugin, Views plugin

This topic contains 3 replies, has 2 voices.

Last updated by Piotr_M4693 3 years, 5 months ago.

Assisted by: Jamal.

Author

Posts

November 27, 2020 at 2:40 pm #1859249

Piotr_M4693

Hello

How can I make the yellow background of the bottom block to be the full size as the footer(see the screen shots)
- https://toolset.com/wp-content/uploads/2020/11/1859101-Screen_Shot_2020_11_27_at_13.13.02.png
- https://toolset.com/wp-content/uploads/2020/11/1859101-Screen_Shot_2020_11_27_at_13.11.22.png

Thanks

November 27, 2020 at 4:04 pm #1859353

Jamal

Supporter

Languages: English (English ) French (Français )

Timezone: Africa/Casablanca (GMT+01:00)

It will be hard to make this section of the footer full screen similar to the homepage. As you can see in the following screenshot, the homepage's footer is built using the 3rd party page builder and is directly within the middle_inner div, whereas in the organizations' page, it is within middle_content, which is not a full-screen section.
- hidden link
- hidden link

The easiest way I could find is moving it using Javascript on the organization's page. I added the following code to the view's Javascript section.

jQuery('.middle_content.entry>div.tb-grid:last').appendTo('.middle_inner')

I hope this helps. Let me know if you have any questions.

November 30, 2020 at 4:00 pm #1861729

Piotr_M4693

It works fine, Thanks

November 30, 2020 at 4:01 pm #1861731

Piotr_M4693

My issue is resolved now. Thank you!

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.