Docs

[Eric Greenspan of 74 Systems]

The popover and popup code are not working and I’d love to know how to do them on the button at schoolofbookkeeping.com.

http://theme.co/x/demo/renew/1/shortcodes/buttons/#example

Also, how do I move the button up so it’s vertically aligned with the other menu items or bottom aligned with the other menu items?

I’d also like to lose the line under the button. What is that called?

[Zeshan]

Hi Eric,

Thanks for writing in!

#1: I’ve checked your site and there is a jQuery not defined error that is causing the tooltip not to appear (see: http://prntscr.com/arornv). It seems you are using a caching and minification plugin. Please clear your caching plugin and disable the script minification and the issue should be resolved.

#2: In order to move the button vertically, first assign a custom CSS class of custom-menu-btn to your menu item. Then, add following CSS code under Custom > CSS in the Customizer:

.desktop .x-nav li.menu-item-type-custom.custom-menu-btn a {
  padding: 0;
  padding-top: 13px;
  display: inline-block;
}

.desktop .x-nav li.menu-item-type-custom.custom-menu-btn a > span {
  padding: 0;
}

#3: The line is not visible for me (see: http://prntscr.com/arou56). Would you mind confirming again?

Thank you!

[Eric Greenspan of 74 Systems]

Awesome. I see it. Can you help me figure out how to change the button color also? No matter what I do it defaults to the system color.

[Eric Greenspan of 74 Systems]

Your site at http://theme.co/x/demo/renew/1/shortcodes/buttons/#example doesn’t work. Why would my site jscript be the issue?

[Friech]

Hi There,

What do you mean this site http://theme.co/x/demo/renew/1/shortcodes/buttons/#example does not works? It shows up on my end?

Please update your button shortcode to this:

[x_button type="flat" shape="rounded" size="regular" block="false" circle="false" icon_only="false" href="/shop" title="" target="" info="tooltip" info_place="top" info_trigger="hover" info_content="Start your 7 day trial or sign up for free!" class="x-btn-blue"]Sign Up[/x_button]

Then add this custom css on your Customizer to change the button color..

.x-btn-blue { background-color: blue;border-color: blue;}

Hope it helps, Cheers!

[Eric Greenspan of 74 Systems]

When I hover over the popover on that page, only the title shows in the popover. The tooltip doesn’t show at all. I sent a screen shot.

Thanks!

[Rad]

Hi there,

Ah, it’s due to styling. The text is color white, please add this CSS to Admin > Appearance > Customizer > Custom > Global CSS

.popover-content {
    color: #000 !important;
}

It could be related to Renew stack current styling, thanks!

[Author]

Posts