• Resolved ugarte

    (@ugarte)


    I have tried this plugin and the truth is that I like it, but is there a way to not underline the part of text that is inside the hyperlink blocks? I think it is a bit unsightly. It would be better if the text was not underlined.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Daniel Floeter

    (@kometschuh)

    The Block has no additional CSS, just the background color, if it set.

    So the underline comes from your used Theme.

    Please try to select the next <a> tag

    a {
    text-decoration: none;
    }

    or

    .wp-block-tiptip-hyperlink-group-block {
    text-decoration: none;
    }
    Thread Starter ugarte

    (@ugarte)

    sorry, edited.

    • This reply was modified 5 months, 1 week ago by ugarte.
    Thread Starter ugarte

    (@ugarte)

    Good morning.
    Thanks for your answer. Based on this response, I have started working on the path you propose. But, despite the multiple additional CSS codes I have added to my WordPress (Astra theme), the text is still displayed underlined.

    Here I show all the CSS styles that I have been trying one by one, without any success.

    First attempt.

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

    Second attempt.

    .wp-block-tiptip-hyperlink-group-block a {
    ? ? text-decoration: none;
    }

    Third attempt.

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

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

    Fourth attempt.

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

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

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

    .wp-block-tiptip-hyperlink-group-block > a:active {
    text-decoration: none !important;
    }
    • This reply was modified 5 months, 1 week ago by Yui.
    • This reply was modified 5 months, 1 week ago by ugarte. Reason: More clarified layout
    Plugin Author Daniel Floeter

    (@kometschuh)

    We need your website’s URL? If you don’t want post it here you can write us at https://tiptoppress.com/contact/

    Thread Starter ugarte

    (@ugarte)

    I have resolved this issue thanks to the magnificent help that the support team has given me via email.

    I present the solution here because other users of this useful and practical plugin are in the same position.

    To prevent the link text from being displayed as underlined, the following custom CSS code had to be added:

    a.wp-block-tiptip-hyperlink-group-block?{

    text-decoration:none;

      }

      And to avoid an annoying 80 px padding that appeared around the link-block, the following had to be added:

      .wp-block-group {

      padding: 0;

        }

        Thank you all.

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