Missing elements in css causing broken links issues

HTML & CSS
1

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
https://www.spiritdance.stevenredhead.com/linearicons/fonts/linearicons.svg?1aem2n

I traced this to
https://www.spiritdance.stevenredhead.com/linearicons/fonts.css

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;
https://www.spiritdance.stevenredhead.com/css/plugins/"data:image/svg+xml;charset=utf8,<svg%20viewBox=

I traced this to;
https://www.spiritdance.stevenredhead.com/css/plugins/plugins.css

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.

2

Hi there sredhead,

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

linearicons.zip (235.4 KB)

I checked you links here…

https://www.site24x7.com/link-checker.html

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:

coothead

1 Like
3

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.

Regards,

4

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}"

coothead

5

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.

6

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