Colors and Fonts Disappearing - Page 1

User 2719841 Photo


Guest
62 posts

I am having an issue with colors and fonts disappearing. Yesterday I created a new web page and corresponding CSS file. Today when I opened it up in CoffeeCup and previewed it, none of the fonts or colors specified in my CSS file are showing up on my page.

What could be causing this issue? How can it be solved? Everything showed up yesterday, so I don't think it's a CSS problem. I'm at my wit's end trying to figure out what's causing this. It's been happening intermittently for over a week.
User 2088758 Photo


Senior Advisor
3,121 posts

Hi there Samantha,

What application are you using. Also if you post us a link to your site we can evaluate a little bit more efficiently.

Thanks
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2719841 Photo


Guest
62 posts

I preview in both Firefox and IE. I would post a link to my site, but I uploaded to my host space yesterday and everything looks as it should (this is for a class in my master's program). However, when I preview in Firefox and IE today, the colors and fonts are not rendered.
User 103173 Photo


VP of Software Development
0 posts

Samantha.Gussow wrote:
I preview in both Firefox and IE. I would post a link to my site, but I uploaded to my host space yesterday and everything looks as it should (this is for a class in my master's program). However, when I preview in Firefox and IE today, the colors and fonts are not rendered.

Upload it to a temp folder or use S-Drive and share the link. We need to see it online to offer some suggestions.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2719841 Photo


Guest
62 posts

Okay, the folder's attached.
Attachments:
User 103173 Photo


VP of Software Development
0 posts

Samantha.Gussow wrote:
Okay, the folder's attached.

The issue here is you have the css file in the root folder. It needs to be in a folder called css.

<link rel="stylesheet" href="css/dq6style.css" />

http://s28.postimg.org/52oz24571/Screen_Shot_2014_09_30_at_8_15_26_PM.png
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2719841 Photo


Guest
62 posts

I'm sorry, I don't understand. is the link you have listed how mine should look? If so, that's what I had in the file. I'm still unsure of how to resolve the issue. Also, the CSS file is in a folder called CSS on my computer.
User 103173 Photo


VP of Software Development
0 posts

Samantha.Gussow wrote:
I'm sorry, I don't understand. is the link you have listed how mine should look? If so, that's what I had in the file. I'm still unsure of how to resolve the issue. Also, the CSS file is in a folder called CSS on my computer.

In the zip file there was no css folder. I created a css folder, move the css file into it and previewed it. That screenshot is what I see. Looks correct to me. ;)
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2719841 Photo


Guest
62 posts

That is so strange, then. When I previewed the page in both Firefox and IE, there are no colors or fonts. Everything's just black and white. How can this be resolved?
User 2484360 Photo


Registered User
3,293 posts

Samantha.Gussow wrote:
That is so strange, then. When I previewed the page in both Firefox and IE, there are no colors or fonts. Everything's just black and white. How can this be resolved?


You would need to correct the code that you are using. If you do not have a CSS file you need to remove the css/ from css/style.css

If you do not point to the correct location then the browser does not know where to look.

Also to answer your question from your support ticket. That is why it is considered a coding issue. :)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.