# Editing existing CSS Classes

**URL:** <https://forum.pinegrow.com/t/editing-existing-css-classes/10732>\
**Category:** Beginners\
**Created:** [May 20, 2025, 5:45am UTC](https://forum.pinegrow.com/t/editing-existing-css-classes/10732 "2025-05-20T05:45:31Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ratfink](https://avatars.discourse-cdn.com/v4/letter/r/d07c76/32.png) [@Ratfink](https://forum.pinegrow.com/u/Ratfink)\
**Post date:** [May 20, 2025, 5:45am UTC](https://forum.pinegrow.com/t/editing-existing-css-classes/10732/1 "2025-05-20T05:45:31Z")

</div>

Hi all,

I am attemtping to edit exting Classes and CSS in Pinegrow on a premade Homepage Template.

When I open the homepage, index.html, Pinegrow displays the html code as expected along with all the Classes that exist within the html code.

**For Example:**

 ![]()
Your captivating caption...

What I need to know is how to open the CSS Page or locating the page and the Classes by simply clicking on the Class.

Say I wanted to edit the Class sliderimages.

- How would I find and get to the CSS in order to edit the properties?

---

<div class="post-metadata">

**Author:** ![Riccarcharias](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/riccarcharias/32/4051_2.png) [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)\
**Post date:** [May 21, 2025, 7:26am UTC](https://forum.pinegrow.com/t/editing-existing-css-classes/10732/2 "2025-05-21T07:26:22Z")

</div>

Hey, You can just open your css-file like style.css in Pinegrow. Open it just like you did with index.html. When you then click on a class in the style tab, Pinegrow jumps to that class in the css code.

---

<div class="post-metadata">

**Author:** ![reflex](https://avatars.discourse-cdn.com/v4/letter/r/f05b48/32.png) [@reflex](https://forum.pinegrow.com/u/reflex)\
**Post date:** [May 23, 2025, 11:21pm UTC](https://forum.pinegrow.com/t/editing-existing-css-classes/10732/4 "2025-05-23T23:21:55Z")

</div>

Adding on to @Riccarcharias, if you select the element in question, the _Styles_ panel will show all the classes which apply to it. Choosing the desired selector, you can make changes there or click on the `</>` icon to show the code (plus other options).

To find the file itself, note which css file is being referred to in the _Styles_ panel, then go to the _Stylesheets_ dropdown `(v)` and then the _Add & Manage_ button. That will display a list of active stylesheets, along with the file path.

Unfortunately, Pinegrow doesn’t interact with the file system very well, so options like _Open in Finder_ (or whatever the Windows equivalent is) isn’t available.

Hopefully I’ve address your question. I know how instinctive it is to offer what we know, rather than what the OP asked. Apologies in advance if I’ve misinterpreted your post.