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!
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.