Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

How to remove underline

  • datamanager
    February 16, 2024 at 6:30 am

    How to remove underline (yellow underline and yellow background) from the post title links (4 posts on right side of page).

    I used “yellow underline css) to link in the text of blog post, but it also applied to these 4 posts that i embeded through a short code of a plugin “Content Views”

    I tried the below css, it changes to font family, font size and weight but not remove underline.

    .pt-cv-title a {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    }

    Please Note:

    I used the below css to change link style in the blog posts.

    .entry-content a:hover:not(.wp-show-posts a), .entry-content a:focus:not(.wp-show-posts a) {
    background-color: #DD8801;
    color: #FFFFFF;
    }
    .wp-show-posts a {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;

    }

  • David
    February 16, 2024 at 6:56 am

    Hi there,

    the underline and the hover effect comes from this CSS.
    ie. the line is a background.

    
.entry-content a:not(.wp-show-posts a) {
    color: #000000;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease;
    background-image: linear-gradient(to right, #DD8801 100%, #DD8801 0%);
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-size: 2px 2px;
}
.entry-content a:hover:not(.wp-show-posts a), 
.entry-content a:focus:not(.wp-show-posts a) {
    background-color: #DD8801;
    color: #FFFFFF;
}

    You could change that CSS to:

    
.entry-content :is(p, li) a {
    color: #000000;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease;
    background-image: linear-gradient(to right, #DD8801 100%, #DD8801 0%);
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-size: 2px 2px;
}
.entry-content :is(p, li) a:hover,
.entry-content :is(p, li) a:focus {
    background-color: #DD8801;
    color: #FFFFFF;
}

    Then it will only affect links with a Paragraph or List item.

  • datamanager
    February 16, 2024 at 6:59 am

    please ignore this. i don’t want to apply all these things. thanks.

  • David
    February 17, 2024 at 2:45 am

    No problem!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.