[Resolved] Toolset Bootstrap CSS compatibility with Divi theme

[Author]

Posts

[Anonymous]

When Toolset Bootstarp CSS loaded with Divi theme, there are some CSS conflict problems between them. See attatched images. With Bootstrap CSS loaded, front page's vertical line of sidebar is hidden and bbPress forum page's fieldset legend section is broken.

[Nigel Supporter Languages: English (English ) Spanish (Español ) Timezone: Europe/London (GMT+01:00)]

Hi Robert

Firstly, can I apologise for the delay in getting back to you, we have had a sudden increase in the volume of support tickets.

This is a known issue and unfortunately we don't have a solution for it at the moment.

The problem is that there is a conflict between the Divi CSS and Bootstrap (which Toolset is based upon, and which is the world's most popular front-end CSS framework).

Divi uses some of the same classnames as Bootstrap (e.g. .container) with different style settings. I don't know whether the Divi styles are a hybrid of Bootstrap or entirely bespoke with a coincidental choice of classnames, but the practical effect is the same: no other plugin can dependably use Bootstrap (which I repeat is the world's most popular front-end CSS framework) if the Divi theme is active.

There are two possible solutions, one of which is that Divi uses classnames (or name-spaced classes) that don't interfere with Bootstrap, or that every plugin author in the WordPress ecosystem who intends to use Bootstrap needs to create their own solution to avoid Bootstrap-Divi classname conflicts.

We are in discussion with Elegant Themes about them adopting the former, and are hopeful we can avoid the latter, but at the moment we don't have an answer and are unable to say when it will be fixed, I'm sorry to say.