Indent Issues using Gutenberg on Beaver Builder Theme

  • Hey, We have two clients that we have built a site with Beaver Builder Theme Version: 1.7.9, and use WordPress v5.8.3 Gutenberg Block Editor for blog posts.

    When using the List Block it shows up on the backend as being indented appropriately, but when it is viewed on the front end the indent is almost in the centre of the page.

    It happens on both clients websites. Is there some sort of work around or CSS I can put into the blocks so the indents are not so pronounced.

    We are rebuilding their sites using only Gutenberg, but this will take a while, we are a two person shop, with only me doing the web sites, and one client has like 300 posts and pages. So I need a solution now.

    Thanks

    • This topic was modified 2 years, 9 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Jamie from the BB team here. We just released version 1.7.10 of the BB theme that should address this issue if I understand you correctly. Have you tried updating to that version?

    If you need further help with this, you’ll want to reach out to our team directly since this is a premium product.

    You can do that here:
    https://www.wpbeaverbuilder.com/beaver-builder-support/

    • This reply was modified 2 years, 9 months ago by Jamie.
    Thread Starter therbertmi6agency

    (@therbertmi6agency)

    Thanks @codente that did seem to fix it.

    Thanks so much

    @therbertmi6agency Excellent. Glad to hear that ??

    Thread Starter therbertmi6agency

    (@therbertmi6agency)

    @codente spoke to soon – LOL I am using a surface on my screen the indent is approximately 1 inch – which I can live with – on my husbands screen, he is using a Surface Laptop with two external screens it is still indented about 3-4 inches in – and he deleted his cache.

    so is this something I have to go and redo in all the posts – is it something that should just automatically update or is it a responsive problem

    @therbertmi6agency

    Can you add this CSS to the Additional CSS tab in the customizer and see if it resolves your issue?

    
body.has-blocks .fl-post-content ul, body.has-blocks .fl-post-content ol {
    margin: 0;
}

    I will be testing to see if we can still replicate this and if so, file a bug report.

    If you need further help with this, please submit a support ticket here since this is a premium product:
    https://www.wpbeaverbuilder.com/beaver-builder-support/

    Thread Starter therbertmi6agency

    (@therbertmi6agency)

    I will try this and if it doesn’t work raise a ticket.

    FYI, I did file a bug report to see if we could address this in the theme. If you’d like to get updates on the official fix, please submit the ticket. Thanks ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Indent Issues using Gutenberg on Beaver Builder Theme’ is closed to new replies.