This thread is resolved. Here is a description of the problem and solution.
Problem:
CSS conflicts between custom theme and Bootstrap.
Solution:
It is fixed by custom CSS codes, see details here:
Relevant Documentation:
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 |
|---|---|---|---|---|---|---|
| - | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | - |
| - | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | - |
Supporter timezone: Asia/Hong_Kong (GMT+08:00)
This topic contains 3 replies, has 2 voices.
Last updated by 2 years, 11 months ago.
Assisted by: Luo Yang.
I am trying to: Add widgets in the footer area
Link to a page where the issue can be seen: hidden link
I expected to see: My widget in correct width
Instead, I got:2 small and long columns
This seems to be a known bug when using toolset to load Bootstrap 4 and Wocommerce. I have seen some suggestions using CSS, but cannot make it work. Since i use the portfolio module i need the Bootstrap 4 for it to work
Hello,
There does exist some conflicts between Bootstrap and Wocommerce
But in your case, it seems to be a CSS conflict between your theme and Bootstrap, I have tested the URL you mentioned above, it works fine if disable those CSS codes from your theme file :
hidden link
.footer-widgets.col-4 .block {
width: 21.7391304348%;
...
}
See my screenshot css-conflict.JPG
Hi, i see the point, but i cannot disable the code as you suggest.
I use the customize panel for storefront to add CSS code, but get no effect.
I am not sure if its the correct syntax or just an axample, ther is 3 dots ... which perhaps indicate something missing
//lars
