Formatting italic and bold font in popover content

Support
#1

Hi, I’m using the following for footnotes in my site:

[extra id="ref1" class="ps2id" href="#fn1" title="Footnote 1" info="popover" info_place="top" info_trigger="hover" info_content="This is some text in the footnote"]<sup>[1]</sup>[/extra]

This is based on the Themeco [popover] shortcode here: http://demo.theme.co/integrity-1/shortcodes/popovers-and-tooltip/

What I am trying to do is add italic or bold to some of the text in the popover info_content field eg info_content popover text = This is some text in the footnote - but what I am getting is “This is < em >some text< /em > in the < strong>footnote< /strong>” (without the spaces in the tags) in the popover.

Is there a way to do this, please?

What would be really good is a crib sheet of style formats for this and the title, like centring the title of the heading, making the content font larger or altering the dimensions of the popover (if this is possible).

Thanks, Ken

#2

Hello There,

Thanks you for writing in and for the very detailed post information. Regretfully the info content will only accept plain text. Any html character added in the info content will be strip out automatically.

Best Regards.

#3

Hi RueNel,

Thanks for the reply.

I’m using Pro, so wondered if there will be something along the lines of the popover available in the Pro update that I could use instead?

Thanks.

#4

Hi,

Regretfully there is none.

You can try other third party plugin instead.

Hope that helps

#5

Hi Paul,

Thanks for the link. Unfortunately, some listed are old and I can’t get any of them to work - either it’s that they’re not compatible with WordPress 4.8 or it’s Cornerstone that seems to be the problem. I have lost count of the number of other plugins I’ve tried to use. I’ve not bought any Premium version because my reasoning is that if the free version doesn’t work it will prove problematic if I purchased a supported version.

The closest one I got to work was Simple Tooltips which was last updated 1 year ago and tested up to 4.5.9. The only problem was that in Cornerstone the shortcode generated forces the tooltip to be on its own line, pushing the next word onto a new line. However, if the shortcode is placed within a default Wordpress page (not using Cornerstone) the shortcode works. But this negates other features of Cornerstone I am using on the page.

Tooltipster, a jQuery solution, looked promising but my knowledge of coding is limited and I could not get it to work with my testing site.

The simplest solution seems to be using the bundled popover shortcode (which I like) and forget about the formatting or forget the popover entirely, but that means visitors will have to be to-ing and froing a lot between the text and the footnotes - particularly as some articles contain 100+ footnontes - which is not user-friendly.

Ken

#6

Solution

Okay, I’ve got a result, but it meant paying for a plugin: https://codecanyon.net/item/css3-tooltips-for-wordpress/7416713

Pretty easy to get setup and customise, providing all I had hoped [popover] would be and more.

#7

Thanks for letting us know!

Cheers!