style.css is ignored

When I edit the Beaver Builder Theme style.css in Appearance/Editor the styles do not take effect. What am I doing wrong?

Hey Doug,

Your styling might not have enough CSS specificity and is being overridden by other styles. Do you mind sharing your CSS code as well as the element you’re trying to style?

Ben

Thanks for the reply…
Yes, that’s possible except that it works fine if I apply it in Customizing/Code/CSS, it just doesn’t work in the styles.css file.

The site is http://fix333.com and the css code is:

/* Set header height /
.fl-page-header-primary .fl-page-header-wrap {
height: 50px;
}
/
Remove logo /
.fl-page-header-primary .fl-page-header-logo {
display: none !important;
}
/
Set footer height /
.fl-page-footer .fl-page-footer-container {
height: 40px;
}
/
Force footer to the bottom on pages with limited content */
.fl-page {
position: relative;
min-height: 100vh;
}
.fl-page-footer-wrap {
width: 100%;
position: absolute;
bottom: 0px;
}
.announce1 {
border: 1px solid red;
}

Ah, that’s because you’re using the parent theme’s style.css file. That’s not really advisable since after updating the theme, all customizations you’ve placed there will be lost. It’s part of the reason why we’ve added a CSS code section in the customizer.

You can use our Child Theme instead. Simply head over to Account > Downloads & Orders on our site, download the child theme, install it and activate. Once you do, it will have its own style.css file you can use. :slight_smile:

Hope this helps!

Ben

Thanks, but I already tried this (see here). The BB child theme is installed and active and I made sure that I am selecting the BB Child style.css.

Hey Doug,
I had a similar behaviour on complete fresh project on WP 4.4 and the latest update of the BB-Theme. I’ve noticed that the child theme style.css didn’t embed. (It’s usually the last css file calling bevore the body tag)
I’ve noticed that in the source code of you page your child theme css isn’t called. Maybe you can check that.
The only thing that has helped for me was to delete the child theme and reinstall it again. After that everything works fine.

I just realized that the child theme has an ‘Activate’ button and no ‘Deactivate’ button. I can delete it and reinstall it (I have tried this several times), but I cannot seem to activate it. I don’t want to delete the BB parent theme and there is no ‘Deactivate’ button for the parent theme.

Any thoughts?

Hey Doug,

I’d just chime in here. Do you think you can share temp admin access to your site so we can take a better look? You can post the details here using the private reply option below.

Thanks!

KC

[Content Hidden]

Hey Doug,

I just went in to the site and the active theme is the parent theme. Can you go to Appearance > Themes, click on the Child Theme then hit the blue activate button? Once it is activated add your styling to the styles.css file and see if you get the same results.

Also, you can’t deactivate a theme, you can only activate another.

Ben

I activated the BB child but then realized that the BB plugin was disabled. I re-enabled the plugin, pasted my CSS into the child style.css and it seems to work.

Thanks again for your help!

Awesome! Enjoy BB! :slight_smile:

Ben