Strange character ( ` ) appearing in site text - this theme only

[dberz]

I'm seeing apostrophes replace spaces all across my site text content -- and I think it's FoundationPress related.

These characters do not appear when I enabled the Wordpress "twenty sixteen" theme. My host (wpenegine) suggested I contact my theme's developer. I suppose that is "us" here...

Thank you all in advance for your thoughts.

See attached two screenshots of the same content, one in my custom FoundationPress theme, the other in Twenty Sixteen.

FoundationPress

Twenty Sixteen

I'll also copy in the text as pulled from different views - in case the characters appear in the core DB or Admin.

site HTML (https://parsleyhealth.com/about/
``
This kind of care is normally $10,000 and up at a high- end concierge doctor. We make it affordable with our monthly membership.

Your team is trained in using proven natural options like food, lifestyle changes and supplements, alongside the most cutting-edge science and in-depth testing, from your bacteria to your hormones to your genes, so that you can avoid unnecessary medications.
``

WP Admin
``
This kind of care is normally $10,000 and up at a high- end concierge doctor. We make it affordable with our monthly membership.

Your team is trained in using proven natural options like food, lifestyle changes and supplements, alongside the most cutting-edge science and in-depth testing, from your bacteria to your hormones to your genes, so that you can avoid unnecessary medications.
``

PHPMyAdmin
``
This kind of care is normally $10,000 and up at a high- end concierge doctor. We make it affordable with our monthly membership.

Your team is trained in using proven natural options like food, lifestyle changes and supplements, alongside the most cutting-edge science and in-depth testing, from your bacteria to your hormones to your genes, so that you can avoid unnecessary medications.

[efsbutton style="" size="" color_class="" align="left" type="link" target="false" title="Learn More About Membership" link="https://parsleyhealth.com/medicine/"]

``

[olefredrik]

Hi @dberz,

I checked out your site in Chrome and inspected the text. It seems like there is a   added after each comma.

This is kind of strange, as it does not occur on a fresh FoundationPress install. Anyway, a nbsp; should be rendered as a blank space, not an apostrophe.

Are you using any plugins such as a third-party WYWIWYG-editor? If you inspect a paragraph on your site after switching to a different theme, do you still get nbsp;'s after commas?

[dberz]

Thanks @olefredrik.

Yes, the   is present even when I've enabled the Twenty Sixteen theme:

Your team is trained in using proven natural options like food, lifestyle changes and supplements, alongside the most cutting-edge science and in-depth testing, from your bacteria to your hormones to your genes, so that you can avoid unnecessary medications.

I believe I'm using the standard WYSIWYG editor.

Regarding plugins, I'm using the 'Easy Foundation Shortcode' plugin and a few others.

Attaching the full list here for reference:

I need to find a live example, but I believe this issue also appears within non-Wordpress straight theme HTML text. So I'm not sure if it's an issue with the wordpress content / WYSIWYG :(

[FlatspinZA]

Well, there's your answer, especially if the error occurs when using another theme - it's not FoundationPress related, at all. Try your addons

[FragaGeddon]

I copied and pasted your text into a page and it was both fine in the visual editor and the text editor.
If you have copied from let's say a word document, or some other type, right click to paste and select 'Paste as plain text' or CTRL+SHIFT+V.

[dberz]

@FlatspinZA this error ONLY appears in Foundation Press, NOT other themes.

@FragaGeddon the text entry is done directly in the WP visual editor, and is not copied and pasted. Very confusing why some spaces are rendered correctly and others as  . Other users have also entered text that appears this way, so I don't think it's a local machine (keyboard?) related issue.

All very confusing. And surprising that the theme renders the   as a ``` in any case.

[colin-marshall]

@dberz did you try to disable all plugins and see if the problem remains?

Also, possibly unrelated but worth noting, you mentioned that you are using the Easy Foundation Shortcode plugin. If you are using FoundationPress 2.0 or greater then you have Foundation 6. Easy Foundation Shortcodes is for Foundation 4/5. Some components may work but the syntax on a lot of them changed in v6 so a lot of the shortcodes will not work. Make sure that plugin is also not including Foundation's js.

[dberz]

@colin-marshall thanks for the suggestion. This issue happens even with all plugins disabled. And I'm aware of the version issues / limitations with the Easy Foundation Shortcodes plugin and definitely excited for the new project you're working on. These short codes are pretty essential to getting full value out of FoundationPress as it allows non-technical users to create basic, super valuable layouts like columns (works from 5>6), accordions (does not work in 6), etc.

Re. my situation, I still see two issues here:

1. Creation of   characters in the site content. Almost certainly NOT a foundationpress issue, but highly bizarre.
2. Display of   characters as ``` in the front end. Likely a FoundationPress issue.

[colin-marshall]

@dberz do you still get the problem if you do this?:

• Fresh clone of FoundationPress into a new directory in the themes folder
• Run npm install
• Switch to the fresh FoundationPress theme you just created

[colin-marshall]

@dberz I believe the problem is your font. I changed the font to Arial in the inspector in Chrome and the backticks went away.

[dberz]

@colin-marshall holy smokes! I think you're right. Thanks for spotting that!