New to the community? Start here

[Upfront] Edge shows some paragraf text underline even if it is not a link

Hi,

Why does Edge shows some normal paragraph text underlined? No other browser does. You can see the phone nubers at the bottom of the page right.

Thank you.

Fri, 21 Sep 2018 12:43:48
  • Huberson
    • Recruit

    Hello Robert

    looks like a bug in Edge that add some border or outline next to ‘
    ‘ tag. You can try this CSS and check if it gets rid of it:

    @supports (-ms-ime-align: auto) {
    
.upfront_theme_color_6 br {
    
margin-left: -200px;
    
}
    
}

    The following is also an option but will get rid of the break tag entirely. And place the numbers on a single line:

    @supports (-ms-ime-align: auto) {
    
.upfront_theme_color_6 br {
    
display: none;
    
}
    
}

    Since the second snippet will remove the line break, you can alternatively remove the ‘
    ‘ tag, and add each number inside a ‘<span>’ tag instead. This will make it easier to style each phone numbers separately.

    Cheers,

    Huberson

  • Robert
    • Site Builder, Child of Zeus

    Hi,

    I have added code you proposed and saved the theme. Next time I opened Custom CSS, code was not there anymore. It was the same with both codes.

    Then I tried to save code in Global Custom CSS where it stayed saved. But telephone numbers were still underlined in Edge.

    Then I saved each number in its own text field. It didn’t helped.

    Then I deleted all spaces in phone number and UNDERLINE WAS GONE. But since my client want readable phone numbers, this is not an option.

    Unbeleivable…. it makes me hate Microsoft even more :slight_smile:

    Any idea?