wavy underline
-
Hello, I am trying to add this style of underlining into the site but doesn't seem to be working. Could someone help me please? Thanks! :)
-
Hi @ccastells
I looked at the code and it seems simple.Can you show what you already did?
Many wishes!!
Marius
-
Hi @mariusjopen ,
I copied the css into the custom css & html page:a {
text-decoration: none;
position: relative;
padding-bottom: 1em;
overflow: hidden;
color: white;
&:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
white-space: nowrap;
content: attr(data-text)attr(data-text);
color: transparent;
line-height: 1.8;
text-decoration: underline;
text-decoration-style: wavy;
text-decoration-color: #ffc823;
}
&:hover:after {
animation: wavy-slide 3s linear infinite;
}
}@keyframes wavy-slide {
to {
margin-left: -51%;
}
}But it doesn't seem to work... :s
I also tried changing the &:after/&:hover to a:after/a:hover, but again didn't work.I've set the underline stroke to 1px in the customise section so you can see where the links are.
http://andrei-lascu.com/info/Any idea of how I can fix it?
Many thanks!!! :)
Carlota
Before you post
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it