This topic is resolved
- This topic has 3 replies, 2 voices, and was last updated 5 years, 8 months ago by
.
Viewing 4 posts - 1 through 4 (of 4 total)
-
Posts
-
Hi,
2. The way of displaying the link is weird, the line is going through the text instead of under the text.
Now it looks like this:
I would like to look like this:
Hi @electricspeed,
Thank you for bringing this to our attention. We will be back to you ASAP with a patch to fix this.
Thank you for your patience.
Regards,
Hi @electricspeed,
Unfortunately, this is not currently editable via the Customizer. To change this, simply add the following code snippet to your website:
/** * Resetting the link decoration. */ body.single.single-post #content [id^="post-"] .entry-content p>a:not([class*="button"]):not([class*="btn"]):not(.more-link), body.single.single-post #content [id^="post-"] .entry-content ul>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link), body.single.single-post #content [id^="post-"] .entry-content ol>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link), body.page #content [id^="post-"] .entry-content p>a:not([class*="button"]):not([class*="btn"]):not(.more-link), body.page #content [id^="post-"] .entry-content ul>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link), body.page #content [id^="post-"] .entry-content ol>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link) { background-image: linear-gradient(transparent calc(100% - 7px),rgba(226, 89, 90, .6) 0),linear-gradient(transparent calc(100% - 7px),rgba(226, 89, 90, .6) 0); background-position: left 0.25rem; color: inherit; } body.single.single-post #main>[id^="post-"] .entry-content p>a:not([class*="button"]):not([class*="btn"]):not(.more-link):hover, body.single.single-post #main>[id^="post-"] .entry-content p>a:not([class*="button"]):not([class*="btn"]):not(.more-link):active, body.single.single-post #main>[id^="post-"] .entry-content p>a:not([class*="button"]):not([class*="btn"]):not(.more-link):focus, body.single.single-post #main>[id^="post-"] .entry-content ul>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link):hover, body.single.single-post #main>[id^="post-"] .entry-content ul>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link):active, body.single.single-post #main>[id^="post-"] .entry-content ul>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link):focus, body.single.single-post #main>[id^="post-"] .entry-content ol>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link):hover, body.single.single-post #main>[id^="post-"] .entry-content ol>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link):active, body.single.single-post #main>[id^="post-"] .entry-content ol>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link):focus, body.page #main>[id^="post-"] .entry-content p>a:not([class*="button"]):not([class*="btn"]):not(.more-link):hover, body.page #main>[id^="post-"] .entry-content p>a:not([class*="button"]):not([class*="btn"]):not(.more-link):active, body.page #main>[id^="post-"] .entry-content p>a:not([class*="button"]):not([class*="btn"]):not(.more-link):focus, body.page #main>[id^="post-"] .entry-content ul>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link):hover, body.page #main>[id^="post-"] .entry-content ul>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link):active, body.page #main>[id^="post-"] .entry-content ul>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link):focus, body.page #main>[id^="post-"] .entry-content ol>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link):hover, body.page #main>[id^="post-"] .entry-content ol>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link):active, body.page #main>[id^="post-"] .entry-content ol>li>a:not([class*="button"]):not([class*="btn"]):not(.more-link):focus { background-image: linear-gradient(transparent calc(100% - 7px),rgba(226, 89, 90, 1) 0),linear-gradient(transparent calc(100% - 7px),rgba(226, 89, 90, 1) 0); }To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
Pasting your code snippet there should do the trick for you.Best,
Thank you for your help!
Viewing 4 posts - 1 through 4 (of 4 total)
The topic ‘Link decoration’ is closed to new replies.
