Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #50092
    Jennifer
    Guest

    Screenshot-2022-04-13-at-9-35-43-AM
    Screenshot-2022-04-13-at-9-36-17-AM

    I’m editing a page in Post and Page Builder. I cloned my first block and edited the clone to create the second block. But when I preview my page, the second block shows up as a narrow column to the right of the first block, and I cannot figure out why. I’m having quite a lot of trouble with Bold Grid and Word Press not playing nicely together. This is one example.

    #50107
    Brandon C
    Keymaster

    Hi Jennifer,

    Thanks for reaching out with your BoldGrid Post and Page Builder question.

    Sorry to hear you’re having trouble cloning your block elements but I think we should be able to help you out. The elements on your live website should appear exactly the way they appear in the page editor. It looks like you successfully cloned your section block in your screenshot.

    I think it may just be an issue of caching. Elements are often cached into websites for performance purposes but it can become a bit problematic when your editing a live site. To correct this you should clear any cache associated with your website (including any browser cache and/or server side cache) in order to rebuild the database.

    After clearing your cache go ahead and refresh your permalinks by navigating from your WordPress dashboard to Settings < Permalinks, then just scroll to the bottom of the page and click save.

    I hope this helps.

    #50134
    Jennifer
    Guest

    Hi Brandon,

    Thank you for your response.

    I emptied the caches both in my browser and in Word Press, and now my Word Press edit box, which looked normal before, looks like this:

    Screenshot-2022-04-13-at-12-45-10-PM

    Whereas it looked like this before:

    Screenshot-2022-04-13-at-9-35-43-AM

    What should I try next?

    #50152
    Brandon C
    Keymaster

    Thanks Jennifer,

    So two things I noticed here are: (1) the page seems to now be formatted the way it’s displaying on your live website. (2) The BoldGrid Post and Page builder is not being used as the page editor, I can only see the standard WP block editor.

    What you need to do here is change your preferred editor to the Post and Page Builder editor. To do so click the three dots in the upper right (outlined in red below) to show more. Other editor options will appear in the Plugins section:

    change preferred editor

    Once you’re back in your page builder try removing the extra “column” block that was created when you initially cloned your column block and then select the entire section block instead and clone that. You can distinguish a section block element from the others because it will have a “black” toggle button appended to it and it will hold the contents of the other rows and columns within the section. This guide explains working with sections, columns, and rows within Post and Page Builder a little better.

    I hope this helps. Please reach back out to us if need further assistance.

    #50166
    Jennifer
    Guest

    Hi Brandon,

    When I look at the black toggle, it appears that it actually considers all the text on that page a single block, so I’m no closer to understanding why the second excerpt is showing up in a separate skinny column. When I look at it in my block library, both excerpts appear as a single block.

    When I tried to clone the block with the blue toggle, it creates the block in a separate column. I backed out of that. So as far as I can tell, I only have one column.

    When I look at my page in tablet view or phone view, it looks correct. But on my desktop view,I get that strange narrow column on the right. It was the same in both Safari and Google Chrome, so I don’t think it has anything to do with my browser…

    #50197
    Brandon C
    Keymaster

    Hi Jennifer,

    We need to remove the skinny column block completely. To do that you should hover over the (skinny column) block and remove it by clicking the blue column toggle that appears above it, then choose delete from the options provided. After doing that all that should be left is the section content in the correct format. Once the skinny block is removed you can clone the content of the section to place a duplicate section block underneath the original one.

    We can help you out with this. Switch to your text editor and copy all the code you see there then paste it into this thread. We’ll take a look at your code and help you get it functioning properly.

    #50198
    Jennifer
    Guest

    Hi Brandon,

    Here’s the page in text. I cannot find that skinny column!!

    Thanks for your patience. 😉

    Screenshot-2022-04-14-at-7-59-19-AM

    #50207
    Brandon C
    Keymaster

    Thanks for your screenshot Jennifer,

    It would be a great help if you could physically Copy/Paste the code here in the forum so that we can copy your HTML into one of our Dev sites and send you back clean code that’s properly formatted so that you can just plug it right into your site.

    I apologize, I should have been more clear. We look forward to hearing from you!

    #50209
    Jennifer
    Guest

    Hi Brandon,

    I just tried that and BoldGrid blocked it, presumably because it’s a lot of code. If I were to send you just the parts of the code that don’t apply to the book excerpts, can you work with that? Or will omitting part or the code mean that you can’t edit it?

    Screenshot-2022-04-14-at-9-34-04-AM

    #50224
    Brandon C
    Keymaster

    Thanks Jennifer,

    I’ll have to look further into this error but yes, lets try sending the partial snippet for now and hopefully the system will allow it to transfer over.

    Thanks for your patience!

    #50226
    Jennifer
    Guest

    Hi Brandon,

    It would not let me send the partial code either. I’ll wait a few hours and try again…

    #50232
    Brandon C
    Keymaster

    Thanks Jennifer,

    I notified the rest of support about the problem and we’ll be inspecting that issue directly. In the meantime you can email your HTML to support@boldgrid.com. After you send your HTML just reach back out to us here in the forum and we can continue assisting!

    We look forward to hearing from you!

    #50235
    Jennifer
    Guest

    Hi Brandon,

    I just sent off the HTML to support. Thank you!!

    #50293
    Brandon C
    Keymaster

    Thanks Jennifer!

    We received your HTML in our support inbox. It looks like the HTML transfer issue was a result of the tags added by WordPress when the Post and Page builder was switched to the classic WordPress editor.

    We copied your HTML over to a Dev site and I think we may have resolved the issue for you. You can follow this link to copy/paste the new HTML into your site. After copying the code switch to your text editor and replace all current HTML with the new code, then switch back to the “Visual” editor to review your updates.

    The first thing I noticed were the 3 columns appended to your main section.

    fix post and page builder section

    In order to display this content correctly we removed the extra columns in your section and increased the width of the initial content block.

    When you hover over an individual column you will see a blue toggle appear over that column. The toggle represents the controls for that particular column. If you ever need to remove an extra column that may been added by mistake you can “delete” it here.

    We also copied the contents of the smaller column and placed them below your initial content, still inside of the same “section” block but on a new “row”. If you’re interested in learning more about working with sections, rows, and columns you should check out some of the guides on our Post and Page Builder support page.

    I really hope this helps Jennifer! Please let us know if you have any other questions for us.

    #50295
    Jennifer
    Guest

    THANK YOU!!!

    I could not find that blue toggle. If there were three columns, I should have been able to see three blue toggles, correct? I could only find one.

    Regardless–it looks great now. Thank you so much! If you’re lucky, you’ll never have to hear from me again, because if I ever run into this problem again, I’ll knock myself out searching for those toggles! 🙂

    #50300
    Brandon C
    Keymaster

    Awesome Jennifer!

    So happy you were able to get this resolved! The blue toggle actually appears as you hover over each respective column. When you move your mouse away from the column the toggle icon will disappear.

    And no worries, we’re always here to help when you have questions so don’t hesitate to reach back out if you need us!

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Issue cloning a block in post and page builder.’ is closed to new replies.