Reusable Block 'Footer123' Acting Strangely

  • Unknown's avatar
    writer0001 · Member ·

    Hi,

    I have a reusable block on one of my sites called ‘Footer123’ which I use as a navigation pane. On the actual page itself the links and everything are all right but every time I view the navigation pane on the Members Area page it isn’t the full width of the page, even though it works on the home page and I have definitely selected full width. I tried deleting it and adding the reusable block again but it’s still happening. Does anyone know what I should do? I don’t really want to have to make the block all over again; the columns are very frustrating for me on a cover.

    Thanks.

  • Unknown's avatar
    writer0001 · Member ·

    Update:

    The reusable block ‘Footer123’ is still not working on the Members Area page.

    I also have a reusable block on the members area of that site (called ‘New to the Members Area’). I’m trying to add a spacer between the paragraph and the button, but whenever I try to save after doing so, it tells me ‘This block has encountered an error and cannot be previewed’. I’ve tried closing and re-entering the block editor, clearing cache, cookies, history etc, and logging out, but this still isn’t saving. Any suggestions about this block or the other one would be greatly appreciated.

    Thanks!

  • kokkieh · Staff ·

    Hi there,

    Can you please tell us the URL of the site you’re working on, as well as the URL of the specific page you’re referring to? You have several sites in the WordPress.com account you’re using to post here.

  • Unknown's avatar
    writer0001 · Member ·

    Footer123: https://joannaandbellasbooks.home.blog/, specifically https://joannaandbellasbooks.home.blog/members-only/. It worked on the homepage.

    New to the Members Area: https://joannaandbellasbooksmembers.home.blog/, all pages except Discover the Members Area and Exiting the Members Area. I tried saving it on Upcoming Books, Book Previews and I think also one of the Book Discussion pages.

    Thanks!

  • kokkieh · Staff ·

    Okay, it appears you’ve somehow added that custom footer block inside a Group block, and the Group block is not full width.

    Edit the page and delete that block completely.

    Then instead of using the + icon to create a new block, position your cursor at the end of the last paragraph, press Enter, and then type /foo to insert your footer block.

    Save the changes, and it should be full-width.

  • kokkieh · Staff ·

    You can check this in the HTML view as well. At the moment that block looks like this:

    <!-- wp:group {"className":"full-width"} -->
<div class="wp-block-group full-width"><div class="wp-block-group__inner-container"><!-- wp:block {"ref":114} /--></div></div>
<!-- /wp:group -->

    What it should look like is this:

    <!-- wp:block {"ref":114} /-->

  • Unknown's avatar
    writer0001 · Member ·

    Thank you for sorting out the footer block for me.
    Is there any way of sorting out the other reusable block? I can just recreate it if I need to but I was wondering if there was any way of fixing it so it saves.

  • kokkieh · Staff ·

    Ah, sorry, I missed that you’re speaking of two different blocks.

    Have you tried editing that block from the Reusable Blocks manager instead?

    Click the … top-right in the editor, and look for the option that says “Manage All Reusable Blocks”

    https://d.pr/i/nAGBvz

    Then select that block, and you’ll be able to edit the reusable block in it’s own separate editor view. Any changes you make there should automatically update on any pages on the site where you’re using that block.

  • Unknown's avatar
    writer0001 · Member ·

    Yes, this worked! Thank you for telling me about this, I hadn’t realised there was a page where you could manage all your reusable blocks.

  • kokkieh · Staff ·

    Glad I could help :)

  • The topic ‘Reusable Block 'Footer123' Acting Strangely’ is closed to new replies.