Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
  1. Web Design
  2. Web Design

Troubleshoot a Website in 60 Seconds

This post is part of a series called 60 Second Video Tutorials.
AMP in 60 Seconds
Color in 60 Seconds: Tints, Tones and Shades

Troubleshooting websites can be complex, but you can start with the same basics every time. Here’s how, in sixty seconds!

Troubleshooting Websites

If you have a PHP or database error, you should know right away because you’ll see a message something like this: 

But don’t be intimidated, just read the message closely and it will often tell you exactly what’s wrong.

If your page seems wrong visually, it’s likely a problem with JavaScript, CSS, or HTML, and you’ll need to figure out which. JavaScript errors will usually show up in the Chrome developer tools console, so check there first. You might find the exact file and line number at fault. 

To check for HTML errors use the W3C validator and it will typically find anything that’s wrong in your code. 

If there’s no JavaScript or HTML error, then it’s probably CSS, so use developer tools to inspect the elements on your site and tweak the CSS in the Styles tab until you find the problem and then update your stylesheets accordingly.

A Bit More Detail

Learn more about troubleshooting websites.

Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.