Link decoration

This topic contains 3 replies, has 2 voices, and was last updated by  Madalin 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #7184

    Madalin
    Participant
    • 20 Posts
    @electricspeed

    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:

    #7224

    Olivier Cardoen
    Participant
    • 281 Posts
    @themosaurusrex

    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,

    #7232

    Olivier Cardoen
    Participant
    • 281 Posts
    @themosaurusrex

    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,

    #7239

    Madalin
    Participant
    • 20 Posts
    @electricspeed

    Thank you for your help!

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Link decoration’ is closed to new replies.