Docs

[simone]

Hello, I have button shortcode inside of an accordian. I want to wrap the button in tooltip shortcode but I cannot get it to work:

[extra href=”#example” title=”Promo Code YOGASAVINGS” info=”popover” info_place=”top” info_trigger=”hover” info_content=”$15 Savings for First Time Clients” ] [button type=”transparent” class=”blue-btn” shape=”square” size=”large” href=”https://cercatrovayoga.frontdeskhq.com/pack_products/333863?utm_campaign=ClientReferral&utm_medium=website&utm_content=button&utm_term=FD%20Share&utm_source=cercatrovayoga” title=”private instruction”]buy now[/button][/extra]

here is the link to the page: http://www.cercatrovayoga.com/one-on-one-yoga/

Many thanks for your help!
Simone

[Christian]

Hey Simone,

You don’t have to do that as the Button element has a tooltip or popover option. See http://demo.theme.co/integrity-1/shortcodes/buttons/

Thanks.

[simone]

Thank you Christian!
Is there a way to change the background color of the top of the tooltip or the text color? Its white on white?

http://www.cercatrovayoga.com/one-on-one-yoga/

[Christian]

Please add the code below in your Appearance > Customize > Custom > Global CSS

.popover-title {
    background-color: blue;
    color: gold;
}

Hope that helps. 🙂

[simone]

thank you!

[Joao]

Glad to hear it,

Joao

[Author]

Posts