• Resolved scheppers

    (@scheppers)


    My homepage has 4 serviceboxes. Inside the boxes there is text.
    I want to use the box as a link without an extra button or underlined text. The box changes color, so visitors can assume its a link.
    Is that possible? How?
    What is an good solution if it is not possible.

    Thank you

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi @scheppers,

    I hope this message finds you well.

    By default, WordPress doesn’t support hyperlinking groups or rows out of the box. An option is to wrap the blocks in an tag using the Code Editor. Alternatively, you can try using plugins like “Hyperlink Group Block”.

    I hope that helps.

    Best Regards,
    Nebu John

    Hi @scheppers,

    @wpmudevsupport14 is right, but you’ll need to install the following plugin first. Then, replace the default Group block with the “Hyperlink Group.” After that, you’ll see the option shown in the screenshot below to add a hyperlink to the group.

    https://wordpress.org/plugins/hyperlink-group-block/

    Give it a try, and let me know how that goes! 😄

    Thread Starter scheppers

    (@scheppers)

    Hi Nebu John and Faisal
    Thanks, this shoudls work. It changes a little bit of the layout, but the plugin works.
    I’ve changed 2 of the 4 blocks so you can see the difference.

    Now the text is underlined. I know that’s a CSS-style. But is there also a solution where I can overwrite the underline code for these blocks.
    It isn’t necessary here and it makes it more difficult to read. As I mentioned, I know the basics of WP, but not the insides nor coding.
    I’ve pu a screenshot of the advanced tab. It looks a bit different here. There is also a css class for the box I think. The Template I use is FSE non profit NGO.

    Thank you very much!
    kind regards, Alex

    Hi Alex (@scheppers),

    No worries, I’ve got you. If you want to remove the border added by this plugin completely, try the following code.

    .wp-block-tiptip-hyperlink-group-block {
    text-decoration: none !important;
    }

    If you prefer to remove just the underline for the Services section, use the other code below.

    .service-cols .wp-block-tiptip-hyperlink-group-block {
    text-decoration: none !important;
    }

    You can apply either code in Appearance > Editor > Styles > Three Dots > Additional CSS, so it will apply to the entire website.

    Final preview:

    Give it a try, and let me know how that goes! 😄

    Thread Starter scheppers

    (@scheppers)

    Hello Faisal

    That worked perfect. Thank you for the quick response and the solution.
    Kind regards, Alex

    Hi Alex,

    Glad to hear the issue has been resolved. Could you please mark this topic as resolved so another volunteer knows it’s been addressed? 😀

    Best regards,
    Faisal Ahammad

    Thread Starter scheppers

    (@scheppers)

    Solved! Thanks everybody for helping.

Viewing 7 replies - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.