How to add "double footer" in Wordpress block editor?

admin管理员组

文章数量:1122832

Closed. This question is off-topic. It is not currently accepting answers.

---

Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

Closed 5 months ago.

Improve this question

How can I add two footers on-top of one another in Wordpress?

I'm trying to use the block editor to change the footer of my wordpress website. What I want is to have two footers that take-up the full width of the page, such that:

1. The "top" footer should have a light-grey background
2. The "bottom" footer should have a dark-grey background
3. There should be no margin between the two footers (the background colors should butt-up against each other with 0 pixels between these colors)
4. Obviously, the content of the footers should both be different

Screenshot of the siteorigin-corp theme demo site showing two footers with distinct content and background colors

I tried to add two "Footer" blocks on-top of each other. But, then, when I change the "design" of one footer, it changes the design of the other! Why would I want both footer blocks to be identical? That doesn't make sense.

ⓘ Note: this is a free site hosted on wordpress, so editing the theme (html, css, js, or php files) is not an option. Installing a plugin is not an option. Only normal editing in the default block editor is possible.

How can I add two footer blocks with distinct content in wordpress?

Closed. This question is off-topic. It is not currently accepting answers.

---

Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

Closed 5 months ago.

Improve this question

How can I add two footers on-top of one another in Wordpress?

I'm trying to use the block editor to change the footer of my wordpress website. What I want is to have two footers that take-up the full width of the page, such that:

1. The "top" footer should have a light-grey background
2. The "bottom" footer should have a dark-grey background
3. There should be no margin between the two footers (the background colors should butt-up against each other with 0 pixels between these colors)
4. Obviously, the content of the footers should both be different

Screenshot of the siteorigin-corp theme demo site showing two footers with distinct content and background colors

I tried to add two "Footer" blocks on-top of each other. But, then, when I change the "design" of one footer, it changes the design of the other! Why would I want both footer blocks to be identical? That doesn't make sense.

ⓘ Note: this is a free site hosted on wordpress.com, so editing the theme (html, css, js, or php files) is not an option. Installing a plugin is not an option. Only normal editing in the default block editor is possible.

How can I add two footer blocks with distinct content in wordpress?

• block-editor
• footer

Share Improve this question edited Aug 15, 2024 at 16:31 Michael Altfield asked Aug 15, 2024 at 16:23 Michael AltfieldMichael Altfield 1801515 bronze badges 5

• Sounds like you need to contact wordpress.com support. This WP Stack Exchange site can only help with wordpress.org installs. – WebElaine Commented Aug 15, 2024 at 20:11
• @WebElaine This question is hosting provider agnostic. wordpress dot com runs wordpress dot org software. This problem is identical to a wordpress dot org install for non-technical users who are not able to edit html/css/js/php files. – Michael Altfield Commented Aug 15, 2024 at 20:34
• with a classic wordpress install, we would advice to create a child theme. – mmm Commented Aug 16, 2024 at 2:48
• 1 @MichaelAltfield please review this page: wordpress.stackexchange.com/help/on-topic Wordpress.com is a commercial enterprise and nobody here is interested in contributing free labour to their business. – Chris Cox Commented Aug 16, 2024 at 12:00
• As stated, this question is definitely on-topic. The hosting provider isn't at all relevant to the question; it was just added for context. Please re-open this question – Michael Altfield Commented Aug 23, 2024 at 18:40

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

This can be achieved by adding two "group" blocks inside of the "Footer" block.

You can then edit the "styles" of each group block to give them distinct background colors.

Finally, to remove the space between the two groups, you need to change the Margin top of the lower group block to None. You may need to slide it from None up to something, and then slide it back down to None to make this gap go away.

本文标签： How to add quotdouble footerquot in Wordpress block editor