Assign css to a role

Hello,

1. A custom CSS code, just like any WP page or post cannot be assigned to a role. Only capabilities can be assigned to a role. See this article for more information. The Simple Custom CSS & JS plugin creates a custom role called “Web Designer”. By default any user with the “Administrator” or “Web Designer” role can add/edit/delete custom codes. You can assign the “Web Designer” role to any user, so that he/she can add/edit/delete custom codes. The User Role Editor plugin will help you play around with any user roles and capabilities.
2. Any custom CSS code will be applied to the entire website.

If you want to write some custom CSS rules for a specific page/post, then you can write the custom CSS rules directly in the specific page/post (for example by using the “Custom HTML” widget with the Gutenberg editor, or the “HTML” widget in the Elementor editor).

Alternatively, you can use the Simple Custom CSS & JS plugin to add a custom CSS code to the entire website, but write the CSS selectors so that they apply only to a specific page. For example, this CSS rule will make the title red only on the homepage:

body.home h1.entry-title {color: red}

Alternatively, you can upgrade the Simple Custom CSS & JS plugin to the pro version and use the “Apply only on these pages” functionality.