# Visual css editor without file connection **URL:** \ **Category:** Styling (CSS)\ **Created:** [June 8, 2021, 4:09pm UTC](https://forum.pinegrow.com/t/visual-css-editor-without-file-connection/5305 "2021-06-08T16:09:00Z")\ **Posts on this page:** 3\ **Page:** 1
**Author:** ![Piro](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/piro/32/39_2.png) [@Piro](https://forum.pinegrow.com/u/Piro)\ **Post date:** [June 8, 2021, 4:09pm UTC](https://forum.pinegrow.com/t/visual-css-editor-without-file-connection/5305/1 "2021-06-08T16:09:00Z")
Is it possible to edit a .css file via the _visual editor_, while there is no connection with a html document (WP theme creation)? So I can’t select a certain element in the page, only the css rules in the css file. For example in the final project the element will be created from a javascript. Thanks. ---
**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\ **Post date:** [June 8, 2021, 6:22pm UTC](https://forum.pinegrow.com/t/visual-css-editor-without-file-connection/5305/2 "2021-06-08T18:22:32Z")
Hi @Piro, Yes, this is possible. In the style panel there is a dropdown in the upper right. that will list all of the stylesheets associated with the project. If you click on the stylesheet name it will bring up all of the rule on the stylesheet. Clicking on any rule will let you edit it on the stylesheet. You can create a new rule by typing it into the input box at the top of the “Active” tab. Let me know if you need some more guidance. Cheers, Bob ---
**Author:** ![Piro](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/piro/32/39_2.png) [@Piro](https://forum.pinegrow.com/u/Piro)\ **Post date:** [June 8, 2021, 6:57pm UTC](https://forum.pinegrow.com/t/visual-css-editor-without-file-connection/5305/3 "2021-06-08T18:57:17Z")
Wow, wonderful. Why couldn’t I find this myself? 😊 Thanks a lot! Kind regards, Piro