Support » Plugin: Caxton - Create Pro page layouts in Gutenberg » Conflict with Bootsrap 4 CSS class

  • Hi,

    I’m using Understrap theme, which load Bootstrap 4 css, and there is a conflict with the “Hero 2 columns” block, it have ‘.w-100’ class, and in Bootstrap, this class has this rule :
    .w-100 {
    width: 100%!important;
    }
    The result is, in front, “overlay” element take 100% width, overring your rule :
    .w-auto-l {
    width: auto;
    }

  • The topic ‘Conflict with Bootsrap 4 CSS class’ is closed to new replies.