Tagged: icon grid
I want to use the “Icon Grid” as a “jump off point” to other pages in the site, however when editing individual grid items, there’s no option to make that particular element/icon clickable and link to another page on the site.
Do I need to modify this by adding a new CSS class, and then setting it under “Developer settings” for each element?
Any helpful advice would be greatly appreciated!
Hey Junms1,
Can you try adding this CSS code in Enfold > General Styling > Quick CSS:
#top .avia-icongrid-borders-between li .avia-icongrid-wrapper > article {
z-index: 10;
}
Let us know if this helps.
Best regards,
Nikko
Hi Nikko
Thanks for the response. I added the code into the CSS, but not sure how I can now set each individual icon to link to the pages I want them to link to?
Any help would be greatly appreciated!
Hi Junms1,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Sure thing, please find link to the dev site below.
FYI I believe I am running the latest version of Enfold – 4.7.6.4 (although Theme Forest is showing there was an update on 10th December 2020, but changelog shows 4.7.6.4 update was October 5th, so not sure regarding the discrepancy…..)
Oh man, I must be blind. I could’ve SWORN I looked for it, and didn’t see it….DUH.
Sorry for the hassle! And to think I’ve been using Enfold for YEARS – I knew you guys wouldn’t have missed something as simple as this!
Thanks for the help! This can be marked as “solved” now :)
Hi Junms1,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko