Add custom CSS using the WPCode plugin
Posted: Tue Jan 07, 2025 8:25 am
If you want your custom CSS to be applied regardless of the WordPress theme you are using, this method is for you.
WPCode is the best custom code snippet plugin on the market, with over 2 million users. Above all, in addition to making it easy to add custom code to WordPress , it offers features like a built-in sweden phone number code snippet library, conditional logic, conversion shells, and more.
Now, the first thing to do is to install and activate the free WPCode plugin . If you need help, check out our guide on how to install a WordPress plugin .
After activation, simply go to Code Snippets ” + Add New from your WordPress admin dashboard.
Then, you can hover over the “Add custom code (new snippet)” option in the code snippet library and click “Use snippet”.
Then, at the top of the page, you can add a title for your custom CSS snippet. This can be anything that helps identify the code.
After entering a title, you can type or paste your custom CSS into the 'Code Preview' box. The next thing to do is set the 'Code Type' by choosing the 'CSS Snippet' option from the drop-down menu.
Paste custom CSS code and select CSS Snippet as the Code Type
Now scroll down to the “Insertion” section and select the “Automatic Insertion” method, if you want to run the code across your entire WordPress site.
If you want to run the code only on certain pages or posts, you can choose the 'Shortcode' method.
Choose an insertion method
Now you need to go back to the top of the page.
WPCode is the best custom code snippet plugin on the market, with over 2 million users. Above all, in addition to making it easy to add custom code to WordPress , it offers features like a built-in sweden phone number code snippet library, conditional logic, conversion shells, and more.
Now, the first thing to do is to install and activate the free WPCode plugin . If you need help, check out our guide on how to install a WordPress plugin .
After activation, simply go to Code Snippets ” + Add New from your WordPress admin dashboard.
Then, you can hover over the “Add custom code (new snippet)” option in the code snippet library and click “Use snippet”.
Then, at the top of the page, you can add a title for your custom CSS snippet. This can be anything that helps identify the code.
After entering a title, you can type or paste your custom CSS into the 'Code Preview' box. The next thing to do is set the 'Code Type' by choosing the 'CSS Snippet' option from the drop-down menu.
Paste custom CSS code and select CSS Snippet as the Code Type
Now scroll down to the “Insertion” section and select the “Automatic Insertion” method, if you want to run the code across your entire WordPress site.
If you want to run the code only on certain pages or posts, you can choose the 'Shortcode' method.
Choose an insertion method
Now you need to go back to the top of the page.