MOre misinf elements

[Susan Larson]

A few weeks ago my client called regarding missing background images. When I checked, the images were just gone. A few of the images were still in the media library but showed up as question marks in the page content panel. The images were re-uploaded and you changed the format on one.

My client called again and this time, a page image went missing (still in the library though) the social media icons have lost their link, and links to another page and a PDF aren’t working.

Please help!!!

[Bill Robbins]

Good Morning Susan,

Let’s see if we can get things rolling for you. I took a look and it appears that the icon font section in the parent theme is a bit corrupted. Here’s what is displaying there:

@font-face {
	font-family: ‘Icons’;
	src:url(‘font/Icons.eot’);
	src:url(‘font/Icons.eot?#iefix’) format(‘embedded-opentype’),
		url(‘font/Icons.woff’) format(‘woff’),
		url(‘font/Icons.ttf’) format(‘truetype’),
		url(‘font/Icons.svg#Icons’) format(‘svg’);
	font-weight: normal;
	font-style: normal;
}

You’ll want to restore that back to what was there previously. Edit the parent theme’s style.css file. Find the code above (it starts around line 430) and replace it with this:

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

and then save your changes. That should let the browser correctly find the font files that are used to make the social icons.

I’d be glad to help track down your missing page. What’s the name of the page and where should it be on your site?

Thanks,
Bill

[Susan Larson]

I’m a little confused. No pages are missing. The social media links disappeared from the widgets, the links on the Salon Services pages no longer link, and a photo disappeared from a page which I’ve updated. Are you saying that the corrupt font is causing these issues? If so, I only selected fonts from the theme so I’m not sure where to access the code.

[Bill Robbins]

Susan,

Some way or anther, the style.css file was saved, most likely outside of a code editor. The single quotes were changed from being straight to curly. The difference visually is negligible, but curly quotes break code. Here’s what they look like side by side:

@font-face {
	font-family: ‘Icons’;
	src:url(‘font/Icons.eot’);
	src:url(‘font/Icons.eot?#iefix’) format(‘embedded-opentype’),
		url(‘font/Icons.woff’) format(‘woff’),
		url(‘font/Icons.ttf’) format(‘truetype’),
		url(‘font/Icons.svg#Icons’) format(‘svg’);
	font-weight: normal;
	font-style: normal;
}

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

Some way or another the style.css file was edited outside of a code editor and the quotes were swapped out. It’s normal for something like Word to do that. I changed them back and that brought back the social icons for you.

---

For the links in your services section. It looks like the site they link to is down:

When I enter http://studio-s.me/ I’m redirected to a website unavailable page. It looks like something is wrong that site.

If I can help, let me know,
Bill

[Susan Larson]

Thanks to you again!!!

[Bill Robbins]

Always glad to help out. Have a great week Susan!

[Author]

Posts