WordPress Tips Archive – Themes and Design : How to apply custom CSS in WordPress

Hello! Today, I'm going to introduce you to some easy ways to customize CSS for WordPress users.

Add CSS through the custom menu

In the latest version of WordPress, you can directly add custom CSS from the admin page.

1. Access Admin Page: Click on the Appearance (or Theme) menu in the WordPress admin mode.
2. Customize: Then select the Customize menu.
3. Additional CSS: Here, find the Additional CSS (or Custom CSS) section and enter the CSS code you want! ✨

Add CSS using a Plugin

Using a plugin allows you to add CSS more conveniently.

1. Install Plugin: Go to the plugin menu in WordPress admin mode, install and activate plugins like Simple Custom CSS or Simple Custom CSS and JS.
2. Enter CSS Code: Enter your desired CSS code in the text editor provided by the plugin and save. Easy, right? 😊

Using the Theme Editor

You can also add CSS using the theme editor, but be careful as changes may be lost during theme updates.

1. Access Admin Page: Click on the Appearance (or Theme) menu in WordPress admin mode.
2. Theme Editor: Select the Theme Editor menu and edit the style.css file to add CSS code. It’s best to use a child theme! 🚫

Using Elementor Pro

If you are using Elementor Pro, you can easily add custom CSS directly within Elementor.

1. Edit the Page: Edit the page using Elementor Pro.
2. Customize: While working on the page, navigate to Customize to add CSS. You can apply changes instantly without accessing FTP, so it’s very handy! 🌟

Additional Tips

• Use Comments: Always add comments to your CSS code to make future modifications easier!
• Use Developer Tools: Utilizing the browser's developer mode allows you to check classes or IDs and modify the required part accurately. 🕵️‍♀️

With these methods, you can easily and effectively apply custom CSS in WordPress, so make your site more special!