Title: Support for Custom CSS Last modified: July 3, 2022 --- # Support for Custom CSS * Resolved [Deepak](https://wordpress.org/support/users/golinuxcloud/) * (@golinuxcloud) * [3 years, 11 months ago](https://wordpress.org/support/topic/support-for-custom-css/) * Hello team, * *Feature request* * Currently I am using Highlight.js in the prismatic which comes with it’s own set of CSS designs. * It would be good it you can add one more option for end user to be able to add their own CSS file or class instead of using the default ones Viewing 13 replies - 1 through 13 (of 13 total) * Plugin Author [Jeff Starr](https://wordpress.org/support/users/specialk/) * (@specialk) * [3 years, 11 months ago](https://wordpress.org/support/topic/support-for-custom-css/#post-15793183) * Thanks for the suggestion, I will see what I can do in a future version of the plugin. I appreciate your feedback. * Plugin Author [Jeff Starr](https://wordpress.org/support/users/specialk/) * (@specialk) * [3 years, 8 months ago](https://wordpress.org/support/topic/support-for-custom-css/#post-16045423) * Hey [@golinuxcloud](https://wordpress.org/support/users/golinuxcloud/), I am working on the next plugin update. Can you clarify what sort of extra CSS/support is needed? For example, some of my plugins include an option to add custom CSS styles, which are then output on the front-end. Would something like that be useful? - This reply was modified 3 years, 8 months ago by [Jeff Starr](https://wordpress.org/support/users/specialk/). * Thread Starter [Deepak](https://wordpress.org/support/users/golinuxcloud/) * (@golinuxcloud) * [3 years, 8 months ago](https://wordpress.org/support/topic/support-for-custom-css/#post-16046064) * Hello [@specialk](https://wordpress.org/support/users/specialk/) * Thank you for considering this request * I was hoping for something like 1. Give an option to avoid loading any CSS in the frontend by the plugin 2. Give a option to add custom CSS * I know there are many other ways we can add Custom CSS but the advantage of having this in the plugin would be that if we are not using the plugin on some page then we can deactivate/disable the plugin for those pages and it will avoid loading any content from the plugin including custom CSS but if we use any other solution then even if the plugin was disabled on a page but the CSS would still load. * I hope this will help others as well where they want to modify any CSS styles of existing themes. * Plugin Author [Jeff Starr](https://wordpress.org/support/users/specialk/) * (@specialk) * [3 years, 8 months ago](https://wordpress.org/support/topic/support-for-custom-css/#post-16046102) * Ok thanks that explains it very well. I think something like this might be possible. A couple of questions/concerns: * 1) From where should the custom CSS file be located? Like in a custom directory in your theme template? Just getting some ideas here.. * 2) About this: * “the advantage of having this in the plugin would be that if we are not using the plugin on some page then we can deactivate/disable the plugin for those pages and it will avoid loading any content from the plugin including custom CSS” * One of the best things about Prismatic is that it already does this out of the box. The plugin scripts and styles are loaded only pages where a highlighted code snippet exists. * With that in mind, if I added an option for custom CSS code, it would work the same way; the custom code would load only when a highlighted code snippet exists. * Let me know your thoughts. * Thread Starter [Deepak](https://wordpress.org/support/users/golinuxcloud/) * (@golinuxcloud) * [3 years, 8 months ago](https://wordpress.org/support/topic/support-for-custom-css/#post-16046109) * >The plugin scripts and styles are loaded only pages where a highlighted code snippet exists. * Thanks, I was not aware of this. * Regarding point 1 My view was to add CSS in plain text rather than loading another CSS file. In you plugin there can be a section to add custom CSS by specifying the CSS class. * Plugin Author [Jeff Starr](https://wordpress.org/support/users/specialk/) * (@specialk) * [3 years, 8 months ago](https://wordpress.org/support/topic/support-for-custom-css/#post-16046163) * That’s where I’m confused.. so if I add an option where you can add custom CSS code (plain text code snippet), would that suffice? This would be ideal imho. * Or are you asking if the plugin can add a custom class name, like `my-custom- class`, to all code snippet code tags? This would be less likely to be implemented. * Thread Starter [Deepak](https://wordpress.org/support/users/golinuxcloud/) * (@golinuxcloud) * [3 years, 8 months ago](https://wordpress.org/support/topic/support-for-custom-css/#post-16046205) * No, the first option as you said. Just a box to add custom CSS like many plugin does (similar to Simple CSS) or the way we add in “Additional CSS” section. * But what most plugin missing is they dump the collected CSS as it is inline to the page. It would be good to by default minify the provided CSS in this “box” and add as an inline CSS or may be create a temporary CSS file by the plugin with the custom CSS. - This reply was modified 3 years, 8 months ago by [Deepak](https://wordpress.org/support/users/golinuxcloud/). - This reply was modified 3 years, 8 months ago by [Deepak](https://wordpress.org/support/users/golinuxcloud/). * Plugin Author [Jeff Starr](https://wordpress.org/support/users/specialk/) * (@specialk) * [3 years, 8 months ago](https://wordpress.org/support/topic/support-for-custom-css/#post-16046229) * Hmm good point about minifying, but I think that should be left to the user to minify or optimize their own custom code (or not). * In any case, I will go ahead and add a “Custom CSS” option in the next plugin update. Thank you for your feedback, [@golinuxcloud](https://wordpress.org/support/users/golinuxcloud/). * Plugin Author [Jeff Starr](https://wordpress.org/support/users/specialk/) * (@specialk) * [3 years, 8 months ago](https://wordpress.org/support/topic/support-for-custom-css/#post-16049086) * Just to follow up, the next version of Prismatic (3.2) includes a “Custom CSS” option, located under the new Advanced tab. Should be available later today or tomorrow. * Thread Starter [Deepak](https://wordpress.org/support/users/golinuxcloud/) * (@golinuxcloud) * [3 years, 8 months ago](https://wordpress.org/support/topic/support-for-custom-css/#post-16079208) * Hello Jeff, * Thanks for adding the additional CSS section but I am unable to make it work. I added the custom CSS required for highlight.js but I can’t find them getting loaded on frontend. * Where can I check if the CSS is loaded? There are not added as inline. Are they supposed to be loaded as separate CSS file? * URL -> [https://ivrjesh9ab-staging.onrocket.site/golang-time-format/](https://ivrjesh9ab-staging.onrocket.site/golang-time-format/) * Plugin Author [Jeff Starr](https://wordpress.org/support/users/specialk/) * (@specialk) * [3 years, 8 months ago](https://wordpress.org/support/topic/support-for-custom-css/#post-16080050) * I am seeing this issue on default WordPress. Will resolve and push an update asap. Hopefully within the next couple of days. Thanks for reporting, Deepak. * Plugin Author [Jeff Starr](https://wordpress.org/support/users/specialk/) * (@specialk) * [3 years, 8 months ago](https://wordpress.org/support/topic/support-for-custom-css/#post-16081852) * This is resolved in version 3.2.2, available shortly. Please let me know if any further issues, thank you Deepak. * Thread Starter [Deepak](https://wordpress.org/support/users/golinuxcloud/) * (@golinuxcloud) * [3 years, 8 months ago](https://wordpress.org/support/topic/support-for-custom-css/#post-16082250) * Thank you Jeff. Working Perfectly now. Viewing 13 replies - 1 through 13 (of 13 total) The topic ‘Support for Custom CSS’ is closed to new replies. * ![](https://ps.w.org/prismatic/assets/icon-256x256.png?rev=1521267) * [Prismatic](https://wordpress.org/plugins/prismatic/) * [Frequently Asked Questions](https://wordpress.org/plugins/prismatic/#faq) * [Support Threads](https://wordpress.org/support/plugin/prismatic/) * [Active Topics](https://wordpress.org/support/plugin/prismatic/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/prismatic/unresolved/) * [Reviews](https://wordpress.org/support/plugin/prismatic/reviews/) * 13 replies * 2 participants * Last reply from: [Deepak](https://wordpress.org/support/users/golinuxcloud/) * Last activity: [3 years, 8 months ago](https://wordpress.org/support/topic/support-for-custom-css/#post-16082250) * Status: resolved