When using the Elementor canvas, hyperlinks are not underlined, when using default template they are.
Various solutions were explored including these proposed solutions
.elementor a,
.elementor a:visited {
text-decoration: underline;
}
.entry-content a {
text-decoration: underline;
}
.entry-content a {
border-bottom: 1px solid #0a9e01;
}
Using a child theme.
Enter code in Additional CSS /Style.CSS
Neither added underline.
Then added following code.
.elementor a,
.elementor a:visited {
text-decoration: underline;
}
.entry-content a {
text-decoration: underline;
}
.entry-content a {
border-bottom: 1px solid #0a9e01;
}`
This added underline to all hyperlinks, menu and breadcrumbs, not what was wanted.
The answer came from Elementor support Andri .
This code works both in additional and style css.
.elementor .menu-item a, .elementor .elementor-widget-wp-widget-custom_html a {
text-decoration: none;
border-bottom: none;
}
Hope this helps any one who has a similar problem.
Hi there,
Thanks for your sharing, I had the issue and your shared info helps. thanks. a lot. Along with express my appreciation, I am curious why this happen? Does Elementor author made this happen on purpose? I hope someone who see this can shad some light, thanks.
Regards,
KC
Viewing 1 replies (of 1 total)
The topic ‘Hyperlink showing/not showing’ is closed to new replies.