[Resolved] Bug: CSS Conflict between GP and BB's "Content Slider"

[Matthias]

Hello, GeneratePress team and community!

I contacted Beaver Builder’s support team recently about arrows that aren’t visible in the “Content Slider” module. They investigated the issue and found that a line of CSS in the GeneratePress theme causes an element to cover them up.

I built you a copy of the affected slider on http://www.servimm.ca/style-guide, it’s right below the first dotted horizontal line.

If you inspect the site, you will see that the declaration, “overflow:hidden” for the selector, “.site-main [class*=navigation]” for the div.fl-content-slider-navigation causes the arrows in the slider to be blotted out.

Here’s a GIF that shows the issue: http://g.recordit.co/vpqtgA5eAe.gif

The BB team says they can override this with CSS on their side, but it might be better to tell you guys so you can fix it at the source.

So here goes. Hope you can implement a fix in a new version of GP soon! Thanks 🙂

[Tom]

Hi there,

This will be fixed in the next version of GeneratePress: https://github.com/tomusborne/generatepress/commit/b22d4b812555c4d0f21a93c62ab195688ef3713a

You can make those changes now, but you’ll need to apply them to the style.min.css file as well.

[Matthias]

Awesome, thanks Tom!

[Tom]

No problem! 🙂

[Author]

Posts