Content Popover element

[LucyKeile]

Hi guys,

I need to add a popover to an element. I try to follow the suggestion you guys gave me in an old post but unfortunately the content inside the tooltip doesnt gets displayed correct.
I used the design cloud architecture template and create this page - I am waiting on answer on how to make that content wider. Now can you please guide what is the best way I can add a blurb for each photo.

I don’t want create a page for each one because I want to keep the site small, so I poopover when someone hover is the best option. Unless you can think something else.

I am adding the site in a secure note next.

[LucyKeile]

I found a solution to this issue. I am using ConvertPlus and will create different modal popups for each artist.
How can I best connect them? I am using manual display since I only want the popup to trigger if the click on read bio.

the read bio is a secondary text of a button, I simply added this

[cp_modal id=“cp_id_myid#”]Read Bio[/cp_modal]

is that the best way or should I add in css?

[marc_a]

Hi @LucyKeile,

Thanks for reaching out.

Using the ID and CSS to call your ConvertPlus popup will work without any issue, you can use any of the two methods. For more information, please check this article:

• https://theme.co/docs/convertplus#creating-your-first-modal

Hope that helps.

Thank you.

[LucyKeile]

can you give me an example how would I do that? I read the instructions, but I really don’t know about writing the code in there. The way I did is not good?

I would like for when they click anywhere on the button for the modal to pop - right now they need to click specifically on the read more text.

[marc_a]

Hi @LucyKeile,

To answer your question, please follow the steps below.

I will show you how to use the Convert Plus using the CSS functionality.

1.) Add a class name in your convert plus popup. For example, I added the test-convert-plus class name to my Convert Plus popup.

2.) Then save and published your Convert Plus popup.

3.) Then on your page add a button

4.) Then click the small search icon in the button element to view the settings.

5.) Click the customize tab and add the CSS test-convert-plus class name we created from the Convert plus to the Setup section then Class.

6.) Then hit save and view your page in the front-end.

Hope that helps.

Thank you.

[LucyKeile]

Marvelous! It works - you are a genious! Thank you Thank you!

I will update these and send in my next question. I was able to fix quite a few things on my own today… So happy!

[marc_a]

Hi @LucyKeile,

You’re welcome and it’s our pleasure to help you. If you have any other concerns regarding our theme features, feel free to reach us.

Thank you.