Inherit header styling from Theme

Beaver Builder
1

Hello,

I’m using BB plugin with DWB, it seems like the CSS posted on the DWB forum is supposed to make BB inherit the color of the heading tags but it doesn’t work for me (all headings are black).

Here is the DWB link in case you need it to check the CSS : fun with beaver

I suspect it’s all all these fl-callout and fl-heading classes (as well as spans) that don’t inherit their styling but even adding this below doesn’t make them inherit the style :


.fl-callout-title h1,.fl-heading h1,
.fl-callout-title h2,.fl-heading h2,
.fl-callout-title h3,.fl-heading h3,
.fl-callout-title h4,.fl-heading h4,
.fl-callout-title h5,.fl-heading h5,
.fl-callout-title h6,.fl-heading h6{
	color: inherit;
}

Any idea ?

Cheers,

PS : I’m on a local dev so can’t give you a URL to check it sorry

2

Hey Benjamin,

Unfortunately, we’re not really familiar with DWB and using it in a Genesis instance. As I can’t check out the site, perhaps, posting in that forum with your issue may help? I suppose you could also just specify the color in your CSS as well as an easy workaround. Sorry I don’t have a better answer, but it’s possible someone may chime in as that seems to be a pretty common stack in our user base.

Best,
Billy

3

Hi Benjamin,

If you want your headings that you enter in BB text areas to use the color values that you set in DWB, then simply remove or comment out that block of CSS :slight_smile:

Cheers!
Lyle

4

Hi Lyle,

What block are you talking about ?

Cheers,

5

The block of CSS that you posted :slight_smile:

6

OK thanks Lyle, actually I’ve had to delete both my CSS code + the CSS code from Junior Atom with the “inherit” definition.

In case someone needs it here is my code :


/* Beaver Builder */

.beaver-page.fl-builder .content,
.beaver-page.fl-builder .content .page,
.beaver-page.fl-builder .content-sidebar-wrap,
.beaver-page.fl-builder .site-container,
.beaver-page.fl-builder .site-inner {
    background: none;
    border: 0;
    float: none;
    margin: 0 auto;
    padding: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.beaver-page.fl-builder .content,
.beaver-page.fl-builder .content .page,
.beaver-page.fl-builder .content-sidebar-wrap,
.beaver-page.fl-builder .site-inner {
    max-width: 100%;
    width: 100%;
}

.fl-builder .entry-content a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dotted;
}

I might not even need the .fl-builder .entry-content a definition actually.

Cheers,

7
I might not even need the .fl-builder .entry-content a definition actually.

Chances are that you won’t want it :slight_smile:

What it does is style the anchor for text and image links. If you leave it, you will get a 1 px dotted underline for all text links as well as below any image that is linked to it’s media file or any other location.