Nonprofit demo content - Missing Headlines in Edit mode of latest Cornerstone

I have a site that is using the Charity demo content. After last update… I can no longer see Headlines in Edit mode… but they are there when viewing the site.

I tried changing theme to Seventeen and back to X. But same problem.

I reinstalled Wordpress. And X theme… setup Noneprofit demo content… and when going to Edit mode of Homepage… the headlines are not editable… nor there… same thing as I am experiencing on my site.

X: 6.2.5 AND Stability release 6.1.6
Cornerstone: 3.2.5
Wordpress: 4.9.8

This is urgent because I cannot edit headlines of my site now… and I am in the middle of making changes

Hello There,

Thanks for writing in! It sounds like you added a custom html code in the headline element which may have caused this issue. ​To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look?

To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password

Thank you.

Thanks. I left a secure note.

Like I said… I also tried installing a new site… and adding demo content from nonprofit demo and the same ting happened there. There has always been something strange with the Custom Headline in the demo. In the earlier versions… they would not display in Cornerstone editmode… just display a spinner icon and a placeholder. But I could at least edit them

But with later versions of cornerstone they dissapear completly. Except if I have made my own… they are showing in the latest version. I started with X theme on Cornerstone v. 3.0.4

When you go in there… you will notice that whilst I have been trying to fix the problem… something has happened to the CSS of the site. It no longer looks proper… like the noneprofit demopage. If you can fix that also… that would be very much apprichiated.

Hello There,

The headlines were not showing because of the <hr> tag added to it. Please make use of the skeleton mode when editing for faster response and easy access of all the elements in the preview area. This is also helpful especially if one of the sections or elements is not visible or hidden in selected screen size or you may have applied visibility options to a section of element.

Remove the <hr> tag in the custom headline element. Add it in a raw content element next to the headline. And then use this custom css:

.x-raw-content hr {
    width: 50%;
    height: 2px;
    max-width: 180px;
    margin: 1em auto 0;
    font-size: 0.375em;
    background-color: #fd7563;
}

I have made an example in your homepage. Please check it now.

I did not add the HR… it is from your nonprofit demo content. But I was able to use the skeleton mode and access the field, thank you for the tip.

But like I said… I tried a FRESH install in a new directory and added DemoContent from nonprofit demo… and the SAME THING happens. So you should fix the demo.
http://demo.theme.co/nonprofit/

And as I also tried to explain… you can see that for some reason the empty space above the Headerline is lost on my site… whilst it was there… until I updated to the latest version. U can see on demo site… the space above “THE VISION”… which is suddenly missing on ALL headlines on my page.

Also… my page as lost the space (margin/padding) around each section… like it is shown on Demo page. I had not changed the CSS… but the update broke it somehow. And I don´t know how to get it back to all sections on entire site? … without having to do each section manually… but something must have gone missing somewhere.

If you can “reset” my site… to be exactly like the demo page… I would much appreciate it. The only way I know how to do this is to do a fresh install and then replace all text… but that is a lot of work…

Many thanks.

Hello There,

Sorry for the confusion. The hr is part of the demo content. The demo has some custom css codes like the color of the hr and this makes the headline invisible in the Cornerstone preview. Are you sure that you want to reset you site and install the non profit demo again? If I do that, your translated text will disappear. You’ll be back to square one. Is that okay? I have to make sure because if I reset, we cannot revert back you will have to do the texts all over again.

Please confirm. Thanks.

no no I do not mean loose the text and customizations. I just want the CSS styling to be exactly the same as the demo site. But content should not change.

Also… I would prefer that you guys fixed the issue with the HR in the demo site.
In the previous versions of Cornerstone I could at least select the Custom Headline in the editor… even thought the text did not display.

This is 2 images. Before and after update to latest plugins and theme. Some CSS styling was lost:

BEFORE : https://prnt.sc/kj1q4g

  • looks exactly like Demo page
  • has correct font color on headings
  • correct padding/margins

AFTER: https://prnt.sc/kj1qo1

Hello There,

After further investigation in your site, I found out that the % padding was changed to {6373f902c02275dbd05ea2333c634cf215d4cf14d9d18438f336a2725252323d} which is why it looks like the styling is no longer taking effect.


I have edited the page and change it back to the correct unit. This is the first case that we encounter. We will be reporting this to out developers for more investigation.

Thank you for your understanding.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.