How to Add Custom CSS in WordPress

Before and after website interface showing cleaner visual styling and stronger page structure

Custom CSS is useful for small visual fixes: spacing, button colors, font sizes, image behavior, or hiding a small element. It is not the place to rebuild a page. Keep CSS changes small, labeled, and easy to undo.

Use the safest place first

In most WordPress sites, the safest place for simple CSS is Appearance, Customize, Additional CSS. Some themes or page builders also have a Custom CSS area in their own settings.

Use that area before editing theme files. Theme files can be overwritten by updates, and a small typo in the wrong file can affect the whole site.

If your site is maintained by LER, send us the visual change you want and the page URL. We can place the CSS in the correct layer so it stays organized.

Make one change at a time

Add one small CSS change, publish or save it, then refresh the page. If you paste a large block all at once, it becomes harder to know which line caused a problem.

Use clear comments for anything you add. A short note like "Adjust contact form button spacing" makes the change easier to understand later.

Avoid using broad selectors such as body, div, section, or button unless you understand the impact. Broad CSS can change more of the site than you meant to change.

Check mobile and desktop

A style fix that looks right on desktop may crowd the page on mobile. After adding CSS, check the page on a phone width or use your browser responsive preview.

Watch for text wrapping, buttons becoming too small, content overlapping, and images stretching. These issues usually mean the CSS needs a responsive rule or a more specific selector.

If the site uses caching, clear the cache after saving CSS. Otherwise you may be looking at the old version of the page.

When not to use custom CSS

Do not use CSS to hide important legal, pricing, medical, or checkout information. Hiding content can create trust and compliance problems.

Do not use CSS as a workaround for broken layout structure. If the page is hard to edit or the layout keeps fighting you, the better fix is usually a template or component update.

Do not paste CSS from an AI tool or forum without reviewing it. Many snippets are too broad for a production site.

Official references

Use these public WordPress references for the platform details behind this guide.

Need help?

Let us handle the risky part.

Small CSS is fine. If the change affects multiple pages, forms, checkout, or mobile layout, let LER place it in the theme layer.

Ask LER for support