7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Web Design

Troubleshoot a Website in 60 Seconds

Scroll to top
Read Time: 1 min
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.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.