Where are my links defined in my global block?

Hi,

I created a global block called tier-tabs some time ago with your help. However I can’t find where the links are for each clickable item within that block.

If you go to https://followtheboat.com/join-ftbmates-now/ I’m specifically looking for the link in the last block, Paypal. There’s a roll-over effect and a link, but where is that link?

Thanks.

Hi @demonboy,

Thanks for reaching out.
It will be very difficult to tell you that without investigating the Global Blocks through the admin dashboard. I would suggest you please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

Sure, I’ll attach them here…

Hello @demonboy,

Thanks for sharing the login details. It seems that you have added custom JS code to link the column. To get that link you need to go to the page —>Cornerstone page builder —>JS.

Please have a look at the given screenshot in the secure note.

Thanks

Thank you, @prakash_s. I don’t know why I couldn’t find that. I think I was looking at CSS and JS within the elements themselves. Anyway, you saved my bacon!

There’s a couple of other things on that global block:

  1. I notice that none of the icons are displaying in my boxes, except Patreon. These have just disappeared over time, I have not made any changes to this page and the icons are still there when I inspect the layout.

  1. When viewing the page as normal, the roll-over effects of the second and third boxes (Bosun and Helmsman) are over exaggerated. The effect should be more subtle, like on the other boxes. Why is this doing this?

Thanks for your time.

Hello @demonboy,

1.) You are using Font Awesome Light icons and this font is disabled. Please go to X > Theme Options > Miscellaneous and enabled the “Light” icon.

Screen Shot 2021-08-28 at 12.22.20 PM

2.) This issue is cause by your custom CSS in Section 2 > Row 1 > Column 1 wherein you inserted this element CSS:

#column-bosun:hover > .x-row .x-col,
#column-helmsman:hover > .x-row .x-col {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
}

#column-bosun:hover > .x-row .x-col .x-text,
#column-helmsman:hover > .x-row .x-col .x-text {
    color: #fff !important;
}

Please have this code removed to get issue #2 resolved.

Kindly let us know how it goes.

Both worked a treat, @ruenel. Thank you for your time, much appreciated.

You are most welcome @demonboy

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.