dashes on website

I can’t view your CSS to troubleshoot effectively as it appears to be minified, but it looks like this is caused by as rule similar to:

a {
border-bottom: 1px dashed #000;
}

You can test this by temporarily adding:
a {
border-bottom: none!important;
}

then once you have located the rule causing this you should be able to make it more specific to the element you do want it to apply to.

Tried adding border-bottom: none!important; but not making difference

Minion (interesting user name, the avatar makes me think Invader Zim…) could you just post a link to your CSS file or use pastebin.com and post that link?

That’s just too much CSS to post here.

Hehe thanks. Not sure how pastebin works but here is the link:
https://pastebin.com/1f2Ki9ay

and also raw:

https://pastebin.com/raw.php?i=1f2Ki9ay

and then embedded:

<script src=”https://pastebin.com/embed_js.php?i=1f2Ki9ay”></script&gt;

The first link is what I’d meant and thanks for taking care of that. ??

Hehe just making sure you get it ??

Your minified stylesheet main.min.css contains this:

a{color:#000;text-decoration:none;border-bottom:1px dashed #000}a:hover{border-bottom:1px solid #000}

It looks like this is causing the issue you describe. I didn’t see these rules in the unminified version you posted.

You need to change this so that the border is not applied to all links by specifically targeting the elements you do want it to be applied to.

The theme is built differently from most WordPress themes in that the style.css is not used to provide styling as it would normally be.

If you post on the theme’s own support forum at https://www.ads-software.com/support/theme/underline the theme author or other users of the theme are more likely to see your question and hopefully provide you an answer based on how the theme is intended to be used.

i see, dont see css like that for the theme (main.min.css)? weird.

i found the css, must i just remove that line?

got it, fixed!! changed the following line

a{color:#000;text-decoration:none;border-bottom:1px dashed #000}a:hover{border-bottom:1px solid #000}

to

a{color:#000;text-decoration:none;border-bottom:0px dashed #000}a:hover{border-bottom:1px solid #000}