Gutenberg columns are very narrow

  • Hi, when editing posts and using Gutenberg columns, the column content is extremely narrow with a lot of padding around. This makes editing columns really difficult. The columns look as they should once published though. I’ve just switched to Astra from another theme and never had this problem with the other theme, so my guess is that there’s a problem with Astra in the way it handles Gutenberg columns when editing posts and pages. I’d appreciate some advice. Thanks!

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

  • Hello,

    I have this problem too and it makes editing very difficult. At the beginning I thought it was Gutenberg that (at an early stage) was having this problem but I changed the theme and the columns got more defined width and little (almost nothing) padding. Any news about a possible update to fix this would greatly appreciate it!

    Hello there,

    It seems that the issue is because of a CSS from the theme. We have added this issue as a task at our end and we will be fixing this in our plugins upcoming update.

    For now, Please add the following custom CSS to overcome this issue:

    .edit-post-visual-editor .editor-block-list__block[data-type="uagb/column"] .editor-block-list__block-edit {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

    Regards,
    Balachandar Karuparthy

    Thread Starter lauratraveler

    (@lauratraveler)

    Thanks, @brainstormteam but unfortunately this doesn’t do anything for the column blocks. They are still narrow and difficult to edit.

    Hello @lauratraveler,

    Have you loaded the CSS in the WordPress admin section?

    If you have added the CSS in your themes style.css file then it won’t work as the file loads only on the frontend.

    You can add the following code to load the CSS in your admin section:

    add_action('admin_head', 'uag_my_custom_fonts');

function uag_my_custom_fonts() {
  echo '<style>
    .edit-post-visual-editor .editor-block-list__block[data-type="uagb/column"] .editor-block-list__block-edit {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
  </style>';
}

    Let me know if it works for you.

    Regards,
    Balachandar karuparthy

    Did not work. After I put that last code in functions.php nothing happened.

    Anyway, if there is any other solution keep us informed!

    • This reply was modified 5 years, 9 months ago by keepact.
    • This reply was modified 5 years, 9 months ago by keepact.
    Thread Starter lauratraveler

    (@lauratraveler)

    @brainstormteam I’ve added the first code under Appearance > Customize > Additional CSS
    I’ve also updated the theme to the new version that was released today. Still no change.

    Hello there,

    I would need to check the editor of your website to check the reason why the CSS isn’t working.

    Can you open up a support ticket from – https://wpastra.com/support/submit-a-ticket/ for a faster resolution.

    Regards,
    Balachandar Karuparthy

    Hello, coming back to let me know that I got it but erasing the shortcode [uab] and using only the classes. I think you’ve mistaken the support forum for the Ultimate Addons for Gutenberg plugin.

    This is the code:

    add_action('admin_head', 'disable_astra_padding');

 function disable_astra_padding() {
  echo '<style>
    .edit-post-visual-editor .editor-block-list__block .editor-block-list__block-edit {
        padding-left: 0;
        padding-right: 0;
    }
  </style>';
}

    Anyway, thanks for the tip. I hope this issue is resolved in future updates ??

    • This reply was modified 5 years, 9 months ago by keepact.
    • This reply was modified 5 years, 9 months ago by keepact.
    • This reply was modified 5 years, 9 months ago by keepact.

    Hello @keepact,

    I am glad that you were able to resolve this issue. I thought you were using our UAG plugin so I provided you with the CSS that would have applied specifically to it.

    We have already noted down this issue in our bug list and we will be surely fixing this in our themes future updates.

    Regards,
    Balachandar Karuparthy

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Gutenberg columns are very narrow’ is closed to new replies.