Text underlined on list.html

Basically on the list.html page I’m styling how blog entries are displayed and noticed that no matter how I style it text appears to be underlined:

As you can see I’ve tried and failed to edit in my css the text-decoration. Furthermore here is my code for list.html:

{{ define "main" }}
<main class="text-decoration-none">
        <!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md -->
<ul class="pt-5">
    {{ range .Pages }}
        <div class=" card">
            <div class="card-header">
            <div class=" card-body">
              <blockquote class=" mb-0">
                <p class="text-muted">{{ .Summary }} -> </p>
                <footer class="text-muted mb-2">{{.Date.Format "2006-01-02"}}&nbsp;&nbsp;&nbsp;&nbsp; Reading time: {{ math.Round (div (countwords .Content) 220.0) }} minutes.
                <a href="{{.Permalink}}" class="btn btn-primary ">Read Post</a>
    {{ end }}

{{ end }}

I’m not sure if it will help but I have a bootstrap.css file and a seperate file, and I can’t find any underline text style in either that could be affecting the text according to the inspector tool in firefox.
Could someone tell me what I’m doing wrong?

I would add a comma behind the li tag in the css and add a normal link: ‘a,’

Okay its now:

a, a:hover, a:visited, a:link, a:active, p, div, ul, li, .card
text-decoration: none;

And still underlining text unfortunately. I don’t think its my browser. I uploaded my code if you would like to take a look at all of it.


1 Like

Woah thanks! I couldn’t find it at all when I used inspector tool.

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.