Link underline not removing and word wrapping not working

  • masumokia

    (@masumokia)


    9 months, 2 weeks ago

    I’m using Twenty Fifteen child theme. I tried to remove underlines from the links by using this css: a {text-decoration: none;} but it’s not working.

    Another problem is, the last word of the line not going to the next line. Some characters stay in the line and there comes a hyphen. And then rest characters goes to the next line. I tried many ways to text wrapping.

    After changing in CSS, I clear the browser and website cache. Even I waited 24 hours. But no changes. Please help me to solve both problems.

    I attached a screenshot to showing the both underline and wrapping problem to understand clearly.

    Thank you.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator Felipe Santos

    (@foosantos)

    9 months, 2 weeks ago

    Hi there,

    That doesn’t work because they oddly added it as a border (not as text-decoration). I’m not sure why they did it, but it was almost 10 years ago.

    .entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback .comment-body > a {
    border-bottom: 0px;
}

    It is possible that removing this underline/border could bring some accessibility issues, so keep this in mind while doing that.

    Thread Starter masumokia

    (@masumokia)

    9 months, 2 weeks ago

    Thanks for the reply. Finally it works!

    But what about the word wrapping problem? I also need that solution too.

    Moderator Felipe Santos

    (@foosantos)

    9 months, 2 weeks ago

    But what about the word wrapping problem? I also need that solution too.

    I got so focused on the text-decoration issue that forgot your other request, sorry! 🙂

    Do you mean to basically not add the hyphens and have the word going fully to the following line?

    If so, this should help:

    p, address, pre, hr, ul, ol, dl, dd, table {
    hyphens: manual;
}
    Thread Starter masumokia

    (@masumokia)

    9 months, 2 weeks ago

    Thanks for reply. But the hyphens still showing.

    Kavya Gokul

    (@properlypurple)

    9 months, 1 week ago

    Hey @masumokia! Can you try the following css and see if this works?

    p, address, pre, hr, ul, ol, dl, dd, table {
  hyphens: none;
}
    Thread Starter masumokia

    (@masumokia)

    8 months, 1 week ago

    still not working

    Moderator jordesign

    (@jordesign)

    8 months, 1 week ago

    Hi @masumokia – could you please share a link to a page where you see this still happening – and we can try some things out on the actual site?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Link underline not removing and word wrapping not working’ is closed to new replies.