Missing elements in css causing broken links issues

Using a broken link checker I found two broken links that appear to indicate that the template I used has some missing elements - there were many more - but I resolved these. The two links I am having trouble with, these are:

Broken Link No1

I traced this to

I found the following css

@font-face {
  font-family: 'linearicons';
  src:  url('./fonts/linearicons.eot?1aem2n');
  src:  url('./fonts/linearicons.eot?1aem2n#iefix') format('embedded-opentype'),
    url('./fonts/linearicons.ttf?1aem2n') format('truetype'),
    url('./fonts/linearicons.woff?1aem2n') format('woff'),
    url('./fonts/linearicons.svg?1aem2n#linearicons') format('svg');
  font-weight: normal;
  font-style: normal;

Can I delete?: url(‘./fonts/linearicons.svg?1aem2n#linearicons’) format(‘svg’);

The second broken link was;

I traced this to;

The only reference to ViewBox in the css was: .navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=‘0 0 30 30’

I am unsure whether I can just delete the part of the ccs or need to resolve another way.

Other issues I resolved were folders or files wrongly named such as owl_carousel instead of owl.carousel. Therefore I am wondering if some typing error is the cause of the issue in the template css?

Would welcome any insight into how to resolve this issue.

Hi there sredhead,

you can find the missing “linearicons.svg” file in the attachment…

linearicons.zip (235.4 KB)

I checked you links here…


and it only turned up this on line #98 in you HTML…

 style="background-image: url(&quot;images/bg1.jpg&quot;)">

…which probably means that it just objects to “&quot”. :wonky:

The background-image does display, though. :winky:


1 Like

I appreciate your help once more coolhead, thank you for your help and support with this.

I placed the linearicon into the place indicated by the bad links site, and I tested the link page you recommended and this error no longer shows.

I found 3 more cases of the same issue by checking the 4 pages of the site and found similar issues, according to google the " is a quotation mark. I found other cases of " as in

<div class="bg-parallax pt100 pb100" data-jarallax="{&quot;speed&quot;: 0.2}"
      style="background-image: url(&quot;images/bg2.jpg&quot;)">

which has two uses of " I have deleted all the " with images as image/bg2.jpg was also having the same issue in the link checker as image/bg1.jpg

What is your opinion, is there any impact to also delete the " in {"speed": 0.2} As I am using a template I have no idea why the " is used.


Hi there sredhead,

you can certainly just remove the “&quot” without any ill effect. :winky:

In this case…

data-jarallax="{&quot;speed&quot;: 0.2}"

…you could safely change it to…

data-jarallax="{'speed': 0.2}"


Thank you coothead, I appreciate the advice, as I wasn’t at all sure. It seems deleting all the " could help as the link checker I use https://www.deadlinkchecker.com/ is still showing some dead links: https://www.spiritdance.stevenredhead.com/css/plugins/"data:image/svg+xml;charset=utf8,<svg%20viewBox=

style: .navbar-light .navbar-toggler-icon

As always I really appreciate your support.

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