Site logo

[Resolved] How to Assign Link to Icon

Home Forums Support [Resolved] How to Assign Link to Icon

Home Forums Support How to Assign Link to Icon

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2092351
    Jim

    I’ve searched the docs and forums here, but haven’t found an answer to this.

    Is there a way to assign a link to the icon added to a block? For instance, when using the Headline block and adding an svg icon, how might one apply a hyperlink to the icon itself?

    Specifically, I’d like to add a link to an icon for a Headline block, especially when hiding the text. Is there a way to do this? If not, please consider this a feature request.

    Considering a set of social icons is provided, adding a link to the selected social profile icon makes sense. Yes, there may be other ways to do this, and I understand contatiner links are a feature of the pro Generateblocks. But adding a field for Link URL in the Icon tab would be just fantastic.

    Site is currently under construction so I’m unable to provide a link.

    Thank you!

    #2092358
    Ying
    Staff
    Customer Support

    Hi Jim,

    You can use a GB Buttonsblock, add the icon to the button, then toggle the remove text option.

    The link can be added to the button.

    Here’s a video for your reference:https://youtu.be/q9YyXSBpRR0

    #2092375
    Jim

    Thanks for the fast response!

    That’s one workaround that will not quite work to accomplish this task. When using the Buttons block, there is no option for setting the icon color. You can only set the text color, which then applies to the icon.

    Note in this screenshot how the Button block is selected. Text is hidden, and button colors are cleared. This leaves no way to color the black icon. The larger blue icon above is added by applying the SVG icon to a Heading block, but that block has no way to add a link.

    Please consider adding a link field to the Icon tab as a feature request. We can live without it for now.

    no icon link

    #2092390
    Ying
    Staff
    Customer Support

    When using the Buttons block, there is no option for setting the icon color

    That’s absolutely not right.

    In the buttons block, the icon color is controlled by the text color, even if you removed the text, you can still set colors for the text which would be applied to the icon as well.

    #2093479
    Jim

    Got it! Thanks.

    #2093487
    Jim

    PS: While this does address my immediate need, it does not provide a way to add a link to an icon applied to a Heading block. When adding an icon above Heading text, is there ANY way to assign a link with hover color and new tab attiributes?

    #2093564
    Ying
    Staff
    Customer Support

    When adding an icon above Heading text, is there ANY way to assign a link with hover color and new tab attiributes?

    Why not add a button with icon above the headline? 🙂

    I believe the feature you are asking for can be full filled with the buttons block.

    #2093663
    Jim

    Sure it could be done that way. I was only considering the headline icon link based on sample content in one of the template sites I’ve been working with. Please consider this topic closed.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.