CSS Suddenly Not Working

Beaver Builder
1

Hi. I am building a site in a sandbox and something is weird, suddenly, with the CSS. I had made numerous changes and suddenly, certain CSS selectors stopped working while others continue to perform fine. For example, custom styling of the footer has remained constant but other things are not responding to CSS changes no matter what I do or pick. I am using Beaver Builder with Genesis and Dynamik.

Two examples are the image on the far right of the main menu that used to be perfectly aligned (with text-bottom) , but now I can’t seem to get to move. Another example is the “back to portfolio” element at the bottom of each portfolio detail page that I can’t seem to target anymore. Here’s a link to that page: http://michaelnloewenberg.com/branderie/bohemian-bones/

This used to work on all h1 elements but it doesn’t anymore:
h1 {
font-family: “brandon-grotesque”,sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 4px;
}

The sharing elements from jet pack were styled as I like them but then they reverted back to the default and I cannot target them anymore. Here is the css code:
/* Jetpack Sharing Buttons */
div.sharedaddy h3.sd-title {
display: none !important;
}

.content div.sharedaddy div.sd-block {
border: none;
padding: 0;
}

.content div.sharedaddy .sd-content {
text-align: center;
margin-bottom: 20px;
}

.content div.sharedaddy a.sd-button {
border: none !important;
box-shadow: none;
}

.content .sd-social-icon-text a.sd-button > span, a.sd-button > span {
opacity: 1;
padding: 6px 12px;
}

.content a.sd-button > span {
background-image: none !important;
background: #aaaaaa;
border: none;
color: #fff;
font-family: “brandon-grotesque”,sans-serif;
font-size: 10px;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
}

.content a.sd-button:hover > span {
background: #999999;
}

.sd-content .sd-button span.share-count {
color: #cdf593 !important;
font-size: 100% !important;
}

/* jetpack css override of share buttons */
#sharing_email .sharing_send, .sd-content ul li .option a.share-ustom, .sd-content ul li a.sd-button, .sd-content ul li.advanced a.share-more, .sd-content ul li.preview-item div.option.option-smart-off a, .sd-social-icon .sd-content ul li a.sd-button, .sd-social-icon-text .sd-content ul li a.sd-button, .sd-social-official .sd-content > ul > li .digg_button > a, .sd-social-official .sd-content > ul > li > a.sd-button, .sd-social-text .sd-content ul li a.sd-button {
background: none;
border: none;
border-radius: 3px;
box-shadow: none;
display: inline-block;
}

I thought I was ready to go live but now my client is in a tizzy and I’m at a loss for what to do. Did I do something to break it?

I look forward to hearing from you. Thanks.

2

Hey Micheal,

Sorry to hear about the problem. Have you installed any plugins recently or made some changes to the core theme files or with a child theme? Have you tried going through the plugin deactivation route, i.e., disable all plugins and test the Beaver Builder while reactivating each to determine if the issue is related to a 3rd party plugin. Let us know how it goes.

Thanks!

KC

3

hi. i disabled all the plugins but it’s still misbehaving. very weird. here’s a simple, specific example: here is some css code from dynamic
/* process text */
.proc-text {
font-family: “brandon-grotesque”,sans-serif;
font-style: normal;
font-weight: 300;
line-height: 1.2em;
font-size: 12px;
}

on the process page, in the callout, i wrap the text in <div class=“proc-text”>content</div> but the text isn’t styled. here’s the page: http://thebranderie.com/our-process/

i also tried changing the css selector to fl-callout-text but that wasn’t good either.

any ideas?? thanks.

4

Hey Micheal,

Try clearing the BB Plugin Cache at Settings > Page Builder > Cache > Clear Cache. If it still doesn’t work, do you mind sharing temp admin access to the site so we can check further? You can use the private reply option below.

Thanks!

KC

5

[Content Hidden]

6

Hey Micheal,

Just took a look at the backend and it seems some plugins are interfering with the Custom CSS section of the Genesis theme. I’ve tried placing the CSS snippets into Appearance > Edit CSS and it seems to be working. Let us know how it goes.

Thanks!

KC