Cornerstone does not appear properly in browser

[X43768X]

Hello,

I just went to edit a page on my site in Cornerstone and the Cornerstone editor is not appearing normally. I am running Cornerstone 6.1.4.

I have not seen this before. What might be causing this?

[ruenel]

Hello @sladans1ma,

Thanks for writing in! You will need to update your Cornerstone plugin to the latest version. Our latest version is Cornerstone 7.2.2. You can check the changelog here:

• Cornerstone Version 7 | Themeco Docs

You may also need to clear all your plugin caches and purge your site caches after the update.

• https://theme.co/docs/site-appears-broken-after-updates

Best Regards.

[X43768X]

Hello,

I actually noticed the issue after updating to the latest cornerstone this PM. I saw issues on the public version of the site. Since I did not know what to do, I restored the site back to a version from just before the update. At that point, the public version of our site looked just fine, but I still observed the error in the editor. Next, I restored back to a version of the site from last Thursday. The public version of the site is still OK, but the editor still has issues. I would have assumed that one of the combos I tried would have worked and given me a good baseline.

I am hosting at GoDaddy and I know how to clear the site cache which did and it had no effect. How do I clear plug-in caches (I am not using a caching plug-in)? Please let me know and I will try updating Cornerstone, re-clearing the site cache, and clearing the plug-in caches.

Thank you.

[X43768X]

I just updated Cornerstone and cleared the cache. The web site now appears incorrect. Also, when I go to edit a page in Cornerstone, I see the new Cornerstone editor, but I also see the attached errors. What does this mean? (I made no changes to the site other than updating Cornerstone)

[ruenel]

Hello @sladans1ma,

Thanks for updating in. You must have been using the Classic elements on your pages. Please go to Cornerstone > Settings > Permissions > Administrator > Elements and make sure to enable the Classic Elements.

We highly recommend that before doing any updates even with the WordPress core, theme or plugins, you should clone your site to a staging area and test the updates in the staging area first. It would be easier to troubleshoot in the staging area and this also prevents any disruption of your live site.

Best Regards.

[X43768X]

I created a copy of the site on a staging server and made the change you suggest above. That fixes the editing issue, but the pages still do not appear properly on the site. The staging site requires a username/pw to view. I will share that and the URL in a secure note.

Can you please tell me what needs to be changed so that the staging site (post update) looks like the public site (pre-update).

[tristup]

Hi @sladans1ma,

We need to investigate it through the WordPress admin dashboard. Please share login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

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

Thanks

[X43768X]

Here you go

[tristup]

Hi @sladans1ma,

I have checked your website and found that you are using the standalone Cornerstone. It can be opened using the Launch option available in the Admin Bar as shown in the given screenshot.

Hope it helps.
Thanks

[X43768X]

Hello,

It looks like you may have answered a question different from the one I asked. I provided you with access to the web site to address this post "I created a copy of the site on a staging server and made the change you suggest above. That fixes the editing issue, but the pages still do not appear properly on the site. The staging site requires a username/pw to view. I will share that and the URL in a secure note.

Can you please tell me what needs to be changed so that the staging site (post update) looks like the public site (pre-update)."

Can you please help with that question. The only change between the live and staging sites is the update of the Cornerstone plug-in.

Thank you.

[tristup]

Hi @sladans1ma,

Sorry for the confussion, I thought that you are not able to open the page in Cornerstone. I have checked all the pages but am unable to identify the issue with the page you are facing right now. Can you please provide any screenshots marked with the issue or any video that helps us to recognize the problem?

Thanks

[X43768X]

Unfortunately, I am unable to attach images to secure notes. I will add a secure note with instructions to make it very easy for you to compare the differences.

Thank you.

[ruenel]

Hello @sladans1ma,

You will have to go to the Theme Options and set the Maximum Container width.

Change the 64rem to 1280px instead.

Best Regards.

[X43768X]

Hello,

Thank you. That is a good start. However, the content of each page now appears twice. A full page of content is followed by another page of full content. You can see this on many pages. Please compare the public site with the dev site.

What do you suggest I do to fix the issue?

[ruenel]

Hello @X43768X,

The content of the page is duplicated because in your footer.php file, there is this code:

<!-- modify by JFrost -->
<div class="top-ftr">
<?php
	if(!is_single()){
		// query for the about page
		$your_query = new WP_Query( 'pagename=footer-new' );
		// "loop" through query (even though it's just one page) 
		while ( $your_query->have_posts() ) : $your_query->the_post();
			the_content();
		endwhile;
		// reset post data (important!)
		wp_reset_postdata();
	}
?>
</div>

You can remove this code block and test your site again.

Best Regards.

[X43768X]

Thank you. That helped a lot.

Here is what I hope is the final set of issues that resulted from the update from V6 to V7.

1. When viewing the blog page, sometimes the blog post summaries are missing the summary text in V7. The easiest way to see the issue is to click the “2” or “3” at the bottom of the page to expand the entries.

2. There are extra spaces between sections on certain pages in the V7 version

3. The data entry box at bottom of page is tall and skinny (incorrect) or in the wrong position relative to the green box versus the V6 version. This occurs on many pages.

[ruenel]

Hello @X43768X,

1.) It could that the theme wasn’t able to generate the excerpt automatically since the post was created in Cornerstone. In that case, you may need to insert a Manual Excerpt. Check this out:

• What is Excerpt in WordPress? How to Add Excerpt in Posts (wpbeginner.com)

2.) This is because somewhere in your custom-css-jss file, this CSS code block was added:

#cs-content .x-section {
    position: relative;
    margin: 0 0 1.5em;
    padding: 45px 0;
}

You can remove this block or at least remove the margin: 0 0 1.5em; from the code to get rid of the spaces below the Sections.

3.) You have added this custom CSS for that “Blue card yellow” box.

.blue-card-yellow {
    border: 5px solid #f89134 !important;
    background: #2c70b8 !important;
    min-height: 304px !important;
    padding: 40px 30px !important;
    width: 48% !important;
    max-width: 400px;
    margin-left: auto !important;
    margin-right: auto !important;
}

You see that in the code above, the width is only 48% which is why it is not displaying correctly.

Best Regards.

[X43768X]

Hello,

Item #1) I have some additional information. In V7, sometimes the excerpts appear and sometimes they do not appear (they appear 100% of the time in V6). You can duplicate the issue by going to Blogs, clicking page 2 at the bottom (you will see missing excerpts), and then refreshing the page (excerpts appear). If you click on page 3, all of the excerpts on the first row are hidden. If you press refresh, all of them re-appear. Do you have any further ideas on what might be affecting V7 differently?

Item # 2) I tried commenting out the one line and the entire block and neither worked in V7 (all looks OK in V6). Please see file upgrade_style.css (custom-css-js/13819.css) line 2650. Do you have another suggestion?

Item #3) I commented out line 535 in file custom-css (custom-css-js/4994.css) “width: 48% !important;” and unfortunately I do not see a change in V7 (V6 looks OK).

[ruenel]

Hello There,

I have inspected your blog page and I am seeing this:

Even if you have installed the Cornerstone plugin, be advised that Cornerstone functions as a stand-alone page builder on your site. In your site’s blog, it is using the theme’s default blog index design. You did not create the blog index in Cornerstone’s Layout builder. We highly suggested that you contact the creators of the theme as they might have a solution for the disappearance/appearance of the excerpts.

Best Regards.