Bootstrap & Avada theme issues

This thread is resolved. Here is a description of the problem and solution.

Problem: I would like to use Avada modal modules but they don't seem to work with Toolset Bootstrap active. If I disable Toolset Bootstrap, the modals work but other UI elements in Toolset are not styled correctly.

Solution: Avada modals are currently incompatible with Toolset and Bootstrap.

This support ticket is created 6 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Tagged: Views, Views plugin

This topic contains 5 replies, has 3 voices.

Last updated by andreaD-4 6 years, 3 months ago.

Assisted by: Christian Cox.

Author

Posts

August 13, 2018 at 12:14 pm #1081329

Gian Luca

I am using the avada theme in one of my sites. As avada is loading the bootstrap framework on its own I had to disable Bootstrap loading in Toolset options. Otherwise, for example, the modal popups would not work. Now, the popups are working, but the bootstrap styled toolset elements are not working, not styled by the theme bootstrap. How come? I' am also manually styling the pagination elements, but the previous, next, first, last list items are not receiving the class 'wpv-pagination-nav-links-item' how come?

Thank you

August 13, 2018 at 3:36 pm #1081497

Christian Cox

In the Toolset > Settings > General > Bootstrap loading, please choose "Another theme or plugin is loading Bootstrap 3" instead of "This site is not using Bootstrap". This should help fix the problem where modals are not working, and Bootstrap styling will still be applied to Toolset pagination and other features.

August 13, 2018 at 3:55 pm #1081505

Gian Luca

Did it. Avada modals are working. but bootstrp output is not stilized.

August 13, 2018 at 9:12 pm #1081708

Christian Cox

Okay I see what you're saying now, let me ask my 2nd tier support team if there's a way to make both modals and pagination link styles work simultaneously. I'll update you as soon as I have some feedback to share.

August 16, 2018 at 1:54 pm #1084618

Christian Cox

It turns out these parts of Toolset and Avada are incompatible. Since Avada's built-in CSS does not include the parts of Bootstrap necessary to style pagination links, it appears that the only way to have both these features work together is to choose "The theme or another plugin is already loading Bootstrap 3", then manually add the missing Bootstrap CSS styles. Otherwise, Toolset's Bootstrap will override Avada's custom version of Bootstrap, breaking the modals. There's not an easy way to do this - it requires developer-level knowledge of CSS and the Bootstrap framework. Unfortunately I do not have a cut and paste script available for you.

February 21, 2021 at 6:00 am #1961065

andreaD-4

Hello, I would like to know if the situation has changed with Avada 7.2.1 and if Avada is compatible with Toolset. Thank you

New threads created by Christian Cox and linked to this one are listed below:

https://toolset.com/forums/topic/avada-7-2-1-compatibility/