Theme colors css being used in WordPress modals.

Beaver Builder
1

Hi,

I’ve customized the bb-theme with a dark background and white text. When I edit a page using the page builder, and edit an image, those colors are being used by the input boxes in the WordPress modal for image management, the edit options, and the media library. This makes it really hard, almost impossible, to read.

Colors in modal

2

Hey Rick,

We are looking into this and will get back to you shortly. Meanwhile, do you mind sharing temp admin access to the site so we can check your backend? It looks like it requires some CSS snippets to fix it.

Thanks!

KC

3

[Content Hidden]

4

Hey Rick,

I tried logging in but it says incorrect password. Could you please double check?

Thanks!

KC

5

Hi KC,

I just tested it again, cut and paste out of the forum message. It’s working for me.

Rick

6

Hey Rick,

Since BB is a frontend builder, all frontend styling gets loaded once it launches. The CSS snippet below should fix you right up though.

.fl-builder-edit .media-modal-content input, .fl-builder-edit .media-modal-content textarea, .fl-builder-edit .media-modal-content select {
    background: #fcfcfc;
    color: black;
}

Ben

7

Hi Ben,

That works perfectly. Thanks!

Is that going to get added to bb-theme, or is it a patch that will always be needed?

Rick

8

Hey Rick,

I’ve submitted an enhancement report for this so it should be added soon. Thanks for the heads up! :slight_smile:

Ben

9

Excellent!

Thanks, Rick

10

Hey Rick,

We’ve already added a few styling to those elements which should be available on the next minor patch. :slight_smile:

Ben