$grid-gutter-width not working

  • Resolved jobyrne

    (@jobyrne)


    1 year, 8 months ago

    I’m trying to increase the padding on the side of rows. This works if I manually compile my own version of Bootstrap 5.3 with $grid-gutter-width set to 4rem instead of the default 1.5. However, in the plugin, set to version 5.3, when I change that variable and recompile the padding isn’t changed, and overflow is added to the right of the page in mobile view.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Miles

    (@areoimiles)

    Hi @jobyrne

    Thanks for reaching out. I’ve given this a test locally and everything seems to be working as expected for me. To help me recreate the issue could you give me a bit more detail around the following points?

    Are you using a specific theme and if so do you have the same issue if you use the default twenty twenty three theme? It may be an issue within the theme.

    If you check the source code is there definitely only one instance of the Bootstrap CSS included? It may be that the All Bootstrap Blocks CSS is being overridden.

    Could you try deactivating any other plugins and see if the problem persists? Something could be conflicting.

    If you switch to Bootstrap 5.0.2 does it work as expected?

    If going through the above doesn’t help please could you have a look in this file plugins/all-bootstrap-blocks/src/scss/bootstrap-5.3.0/_variable-override.scss and see what value is set for $grid-gutter-width?

    Thanks
    Miles

    Plugin Author Miles

    (@areoimiles)

    Hi @jobyrne

    I haven’t heard anything back on this so I’m going to mark the ticket as resolved. If you’re still having issues please don’t hesitate to get back in touch.

    Miles

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘$grid-gutter-width not working’ is closed to new replies.