Lost margins and button broke

Hi-

Can you give me a sense of what broke on this page - https://www.bostonhypnosis.com/reviews/?

The left margin/padding disappeared and the button broke - looks different than it does on every other page on the site now. When I try to reset the margins/padding, nothing changes. Since that didn’t work, I haven’t’ tired to fix the button.

I didn’t make any modifications to the page. Just updated plugins and changed some things within Essential grid.

Thanks for any help you can offer.

-Brian

Please disregard the above. something broke my whole site (presumably an update of some kind). I’ll research and get back to you if need help. Thanks.

Hi Brian,

Thanks for reaching out.
I have checked your website and it seems working fine. If you are still facing the same issue, please clear all types of cache including the Style Cache from Cornerstone > Settings > System > Clear Style Cache and check in the incognito/private mode of the browser.

Hope it helps.
Thanks

Thanks, Tristup. Yes, I’ve determined that it is the Cornerstone update that’s causing the problem. I can’t find any way to access the settings you’re describing though. Cornerstone doesn’t appear as an option in my WP dashboard menu on the left. I’ve tried going in through the X menu and I’ve tried going in through the regular settings menu. Can you help me with this?

OK, I found the Cornerstone cache clear through another X menu item. I cleared the cache both before and after I did the cornerstone update (after I did the update I coudl see Cornerstone appear on the WP dashboard menu), but I’m still getting the same problem. I’ve restored my site from a backup, to you can’t see the problem now, but I’ve attached a screenshot so you can see how the button turns red and all the fonts get messed up. When I did the update, I also shut off all caching plugins and put Cloudflare into Dev mode. Can you give me a sense of what else I can do? Thanks.

Hi Brian,

It seems that you are still using the older version of X i.e. 8.3.3. I would suggest you please copy your live site to a staging server and update the X into the latest version i.e 9.1.4, by following the below steps. And everything goes fine, copy the staging server into the live server.

  1. Delete the Cornerstone
  2. Update the X theme to the latest version on automatic updates
  3. After the X theme is updated, use the link in the dashboard to automatically install the Cornerstone. It will be at the latest version

Hope it helps.
Thanks

Thanks, Tristup.

OK, I moved the site to the staging server and took the first step of updating X theme. After it’s finished, I get a “There has been a critical error on this website” message when I try to access the site. Site completely down, no access at all. Tried it a couple of times.

Next steps?

Hello @bmahoney59,

Please enable the debug mode in your staging area. You can do this by opening wp-config.php and adding


define('WP_DEBUG', true);

/* That's all, stop editing! Happy blogging. */

When you revisit the page, you should have some error output describing the issue in more detail. If you cannot see the errors, then you’ll have to log in to FTP and browse the folder to find the debug.log file. This is where we can find the error details.

Best Regards.

OK. This is the error I get now:

Fatal error : Uncaught Error: Call to undefined function cornerstone_register_static_style() in /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-content/themes/x/framework/legacy/functions/frontend/styles.php:93 Stack trace: #0 /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-includes/class-wp-hook.php(303): x_output_generated_styles(’’) #1 /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-includes/class-wp-hook.php(327): WP_Hook->apply_filters(NULL, Array) #2 /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-includes/plugin.php(470): WP_Hook->do_action(Array) #3 /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-includes/script-loader.php(2083): do_action(‘wp_enqueue_scri…’) #4 /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-includes/class-wp-hook.php(303): wp_enqueue_scripts(’’) #5 /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-includes/class-wp-hook.php(327): WP_Hook->apply_filters(NULL, Array) #6 /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-includes/plugin.php(470): WP_Hook->do_action(Array) #7 /home/wp_q4pvap/bostonhypno in /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-content/themes/x/framework/legacy/functions/frontend/styles.php on line 93

Can you tell me what I should do now?

Also note, I tried some different combinations of deleting cornerstone and updating X theme then reinstalling cornerstone and updating cornerstone before doing the x update. Nothing worked.

I also tried completely deleting and reinstalling X. Brought me back to the original borken margin/button problem shown in Lost margins and button broke

Hi Brian,

It might be the PHP version is the reason behind your issue, I would suggest you upgrade the PHP version to 7.4 by contacting your Hosting Service provider and checking if that issue resolves or not.
After update please clear all type cache including the Style Cache from Cornerstone > Settings > System > Clear Style Cache and check in the incognito/private mode of the browser.
If that does not resolve your issue, please provide login credentials for your staging site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password
– FTP/CPanel to access the files.

To create a secure note, click the key icon underneath any of your posts.

Thanks

Thanks, Tristup. I contacted Dreampress support and they said:
"Thank you for writing in.
Bostonhypnosis.com is already running under PHP 7.4.

Could you please provide some further information on the specific issue
you’re seeing with the theme? I see several plugins missing updates, and
that the theme currently active is actually a child version of the x
theme, so some of its customizations may be causing issues."

So I didn’t try another update.

But I did provide all the info you requested in a couple of private notes above.

Thanks.

Hi Brian,

I have updated the X into your staging server and found that the page https://bostonhypnosiscom.stage.site/reviews/ is showing the content in the correct format. I would suggest you check and let us know if you face any further help.

Thanks

Thanks for that, Tristup. It’s still broken, though. Check out the differences between the home page on the live site vs the staging site:

staging:

Live:

I didn’t restore the staging site from the live one thinking you might want to check it for errors. Feel free to re-copy the live site if you can help and if you want to start it fresh. Thanks.

Hello @bmahoney59,

In your live site, you have added this custom CSS in Appearance > Customize > Additional CSS:

.home-page-service-list-box{}

.home-page-arrow {
    font-size: 15px;
    color: white;
    transform: rotate(40deg);
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-right: 5px;
}

.home-page-arrow:hover,.services:hover{color:#ffb845 !important;}

.home-page-service-list-box h2 span:hover .home-page-arrow{color:#ffb845 !important;}

.help-icons{
width: 35px;
height: 35px;
margin-top: -7px;
margin-right: 5px;
}


body .x-navbar .desktop .x-nav > li > a {
    display: flex;
    align-items: flex-end;
    padding-bottom: 5px;
}

footer.x-colophon.bottom {
    background: transparent;
}


h6 {
    margin: 0;
    text-transform: none;
}

@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  
  .vdlinkew {
    width: 100%;
    margin-top: -88px;
    min-height: 222px;
}


@media only screen and (min-width: 1366px) and (max-width: 1623px) {
  
  .vdlinkew {
    width: 100%;
    margin-top: -88px;
    min-height: 222px;
}

@media only screen and (min-width: 1624px) and (max-width: 1920px) {
  
  .vdlinkew {
    width: 100%;
    margin-top: -88px;
    min-height: 222px;}  }

While in your staging site, you only have this code:

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

.emodal-overlay{
    background-color: #111 !important;
opacity: 0.87;}

.eg-ajax-target{font-family: "Lato",sans-serif;}

#eModal-1{border:10px solid #ccc;}

See the secure note.

What this means is that you may not have cloned the site properly. kindly check out this documentation so that you can migrate your live site to the staging site and then you can update the X theme and the Cornerstone plugin.

Best Regards.

But wait. I was having the same problem when I ran the update on my live site. That’s where this all started. The only reason I started trying to do the update on the staging site is that it kept breaking my live site.

That said, I deleted the copy of the site on the staging server.
Copied the live site back to the staging server
Confirmed that the that error you noted didn’t happen again:

Deleted the style cache, all the other caches and turned off all my caching plugins. Then ran the X theme update. One of the same results we’ve seen before:

Can you advise on next steps? Thanks.

I didn’t reinstall the error tracker before I did it, but I’d assume it’s this again:
Fatal error : Uncaught Error: Call to undefined function cornerstone_register_static_style() in /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-content/themes/x/framework/legacy/functions/frontend/styles.php:93 Stack trace: #0 /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-includes/class-wp-hook.php(303): x_output_generated_styles(’’) #1 /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-includes/class-wp-hook.php(327): WP_Hook->apply_filters(NULL, Array) #2 /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-includes/plugin.php(470): WP_Hook->do_action(Array) #3 /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-includes/script-loader.php(2083): do_action(‘wp_enqueue_scri…’) #4 /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-includes/class-wp-hook.php(303): wp_enqueue_scripts(’’) #5 /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-includes/class-wp-hook.php(327): WP_Hook->apply_filters(NULL, Array) #6 /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-includes/plugin.php(470): WP_Hook->do_action(Array) #7 /home/wp_q4pvap/bostonhypno in /home/wp_q4pvap/bostonhypnosiscom.stage.site/wp-content/themes/x/framework/legacy/functions/frontend/styles.php on line 93

Hello @bmahoney59,

I checked your staging server site dashboard, it seems that you have updated the X theme but the Cornerstone(5.3.3 ) page builder is outdated. I would suggest you must update the theme and plugins as per our version compatibility page.

Hope it helps
Thanks

OK. I did that. It seems to have solved most of the problem I first wrote in about. There’s still this problem with the button on my home page.

Screenshot - 12_21_21 , 10_23_40 AM

And the spacing and send button color on the contact page:

Can you help with these last bits as well?