IE Warning
YOUR BROWSER IS OUT OF DATE!

This website uses the latest web technologies so it requires an up-to-date, fast browser!
Please try Firefox or Chrome!

How to customize your WordPress theme


January 7, 2015.

Do you want to change a font size, color or some paddings? Nowadays customizing a theme's styling is easy with the help of your browser's development tools. These tools are available in FireFox, Chrome or in the latest Internet Explorer. Just hover your mouse over the element you want to style, right click with your mouse and select Inspect Element in the floating menu. A new window will appear, where you'll see the HTML source code in the left panel and the selected element's stylings in the right panel. Your selected element will be higlighted in the code and the browser.

In the right panel you're able to add, remove or modify CSS values and you can see these changes in real time. Important: these changes you made will NOT overwrite the CSS file! You have to do that manually. Once you have the styling you wanted find the CSS file in the theme's folder, edit these changes and save it.

Always use a text editor for editing theme files, e.g.: NotePad++. Don't use word processors like Microsoft Word or Office!


Troubleshooting

There might be cases when it seems like everything have stopped working. Sometimes a small JavaScript problem or a plugin can stop all the functions. I created a general checklist to help you track the issue in case you don't want to wait for support.

1) Open browser's error console to check if it's a JavaScript issue. Select Tools - Web Development - Browser Console in your browser. The console will show an error description and the file where the problem is. Make sure that it's an error, not just a warning or a log.

2) Disable all WordPress plugin and check your site again. If it works now, start enabling plugins one-by-one to figure out which one caused problem.

3) Switch back to default theme, enable your WordPress plugins again and check your site. If it works then probably it's an issue with the theme.