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">
<article>
<header>
<h1>{{.Title}}</h1>
</header>
<!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md -->
{{.Content}}
</article>
<ul class="pt-5">
{{ range .Pages }}
<li>
<div class=" card">
<div class="card-header">
{{.Title}}
</div>
<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"}} Reading time: {{ math.Round (div (countwords .Content) 220.0) }} minutes.
</footer>
<a href="{{.Permalink}}" class="btn btn-primary ">Read Post</a>
</blockquote>
</div>
</div>
</li>
{{ end }}
</ul>
</main>
{{ 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?