Disable Links underline

  • sysguides

    (@sysguides)


    3 years ago

    Hi

    I want to adjust two things. But somehow they are not working.

    (1) I want the Blog Title text color to #333333 in the Blog Entries Page (Home page).
    I have set the color to #333333 in Customizing ? Typography ? Blog Entry Title ? Font color = #333333. But it is showing in blue (#0077d8) color.

    (2) I want the links to NOT show underlines anywhere (normal and hover).
    I have set the colors as follows: Customizing ? General Options ? General Styling => Primary Color = #0077d8, Hover Primary Color = #005398, Link Colors => Color = #0077d8, Color: Hover = #005398. Colors are woking fine, but don’t want the underlines to show up. Add the following in CSS, but not working. 

    a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

    Please note, I cannot use !important in CSS as I am using AMP. In the previous avatar of my website, I was using it that way (How to change Link color in blog/page content only), but now I cannot because of AMP.

    How do I solve these two problems?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Abhishek

    (@abhikr781)

    Hello,

    1. ?Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    .blog-entry.post .blog-entry-header .entry-title a {
    color: #333333;
}

    2. 

    .single .entry-content a, .page .entry a {
text-decoration: none !important;
}
.single .entry-content a, .page .entry a:hover {
text-decoration: none;
}
    Thread Starter sysguides

    (@sysguides)

    Both worked perfectly. I was worried about !important tag, but AMP didn’t complain about it.

    Thanks a lot.

    Abhishek

    (@abhikr781)

    You are most welcome and glad to hear that solution worked well.??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Disable Links underline’ is closed to new replies.