Docs

[shrijagannatha]

Hello ThemeCo team,
I have a CS license. (Not X Theme)
I want to have a tooltip or preferably, popover when someone hovers the cursor over a word from a text field. Currently, it seems that pop ups are only for image elements. However, I will be using the pop ups to define or elaborate on a particular word of text. How can I achieve this?

My site is shrijagannatha.org .

[Thai]

Hi There,

You can try with this:

+ Tooltip:
This is my [extra href="#example" title="Yeah, tooltip time!" info="tooltip" info_place="top" info_trigger="hover"] Place your content here [/extra]. Hello guy!

+ Popover:
This is my [extra href="#example" title="Yeah, tooltip time!" info="popover" info_place="top" info_trigger="hover" info_content="Place a little extra content in here for informational purposes." ] Place your content here [/extra]. Hello guy!

Hope it helps 🙂

[shrijagannatha]

Hello ThemeCo
How can I edit the default theme recent posts page? The page that comes with the theme and acts as the landing homepage? I want to edit that default page, but don’t want to completely change it. I just want to add a section using Cornerstone plugin.
Please note that I have only CS and not X Theme.
My site is http://www.shrijagannatha.org
Theme : Magnus Maximus by TheFiveThemes

[Christopher]

Hey there,

Thanks for writing in! Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[shrijagannatha]

Hi there,
Regarding my earlier query. The short codes that you gave do not work in CS. For that purpose, I clearly mentioned that I DO NOT have the X Theme hut only the CS Plugin. Please tell me something that is specific to CS.
Cheers!

[Christopher]

Hi there,

I tried the code and it worked on my local installation.

Please update provided code to the following and add it inside text tab of text element :

This is my [x_extra href="#example" title="Yeah, tooltip time!" info="popover" info_place="top" info_trigger="hover" info_content="Place a little extra content in here for informational purposes." ] Place your content here [/x_extra]. Hello guy!

and

This is my [x_extra href="#example" title="Yeah, tooltip time!" info="tooltip" info_place="top" info_trigger="hover"] Place your content here [/x_extra]. Hello guy!

If it still doesn’t work, please provide us with login credentials.

Thanks.

[shrijagannatha]

Thanks Chris
That Works! 🙂

[Nabeel A]

Glad we could help 🙂

Cheers!

[shrijagannatha]

How can I achieve the same for images?
That is, I have predefined areas or hotspots of an image hovering on which gives a pop up.
How can I achieve this?

[Joao]

Hi There,

You could use the tree as a background image on the top row have 1/1 and on the second 1/2 + 1/2 than you could place transparent images on top and follow the instructions above.

Another way to achieve that would be by image mapping in a raw content element.

http://www.w3schools.com/tags/tag_map.asp

There is also a third party cornerstone plugin that can be purchased that I personally didn´t use but seems really flexible.

https://webcraftplugins.com/image-map-pro-cornerstone-plugin/

Hope that helps,

Joao

[shrijagannatha]

Since columns stack one over another in mobile mode, that would create problems, isn’t it?

[Joao]

Hi There,

Yes, you have a point, better to try the imaging mapping in that case.

Let us know how it goes.

Thanks,

Joao

[shrijagannatha]

Is it possible to highlight the word, preferably with a pill shape or even the regular one would do, such that the highlighted word is the one having the pop up or tooltip? Can you give me the modified code for that?
Please see earlier questions to understand.
Website- http://www.shrijagannatha.org

[Jade]

Hi there,

Please add this CSS in the customizer:

.x-extra {
    background-color: #efefef;
    padding: 5px;
    border-radius: 9px;
}

Hope this helps.

[Author]

Posts