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.

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

sorry, edited.

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