# How to view the css file?

**URL:** <https://forum.pinegrow.com/t/how-to-view-the-css-file/5134>\
**Category:** Beginners\
**Created:** [March 21, 2021, 6:50am UTC](https://forum.pinegrow.com/t/how-to-view-the-css-file/5134 "2021-03-21T06:50:32Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![davidhelp](https://avatars.discourse-cdn.com/v4/letter/d/6bbea6/32.png) [@davidhelp](https://forum.pinegrow.com/u/davidhelp)\
**Post date:** [March 21, 2021, 6:50am UTC](https://forum.pinegrow.com/t/how-to-view-the-css-file/5134/1 "2021-03-21T06:50:32Z")

</div>

I am way new to Pinegrow. I have 2 files created from a site called Computer Hope for creating a webpage using Grid.

I have a index.html file and a index.css file.  
You can view the file here and right click on it to view source and see the html and css.  
[http://davidswebsite.com/pinegrow](http://davidswebsite.com/pinegrow)

I go to File\> Open\> index.html file  
I open the code editor and see the split screen showing the html but how to view the css file?

In my old copy of Dreamweaver it would open both files from File\> Open and place them in separate tabs and you could easily click on either tab to view the properties.

How to do this in Pine Grow?

---

<div class="post-metadata">

**Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\
**Post date:** [March 21, 2021, 8:42am UTC](https://forum.pinegrow.com/t/how-to-view-the-css-file/5134/2 "2021-03-21T08:42:14Z")

</div>

Hi @davidhelp here’s a link to an article about [working with stylesheets](https://pinegrow.com/docs/master-pinegrow/style/) in Pinegrow that should answer your question.

---

<div class="post-metadata">

**Author:** ![TechAkayy](https://avatars.discourse-cdn.com/v4/letter/t/ce73a5/32.png) [@TechAkayy](https://forum.pinegrow.com/u/TechAkayy)\
**Post date:** [March 21, 2021, 10:42am UTC](https://forum.pinegrow.com/t/how-to-view-the-css-file/5134/3 "2021-03-21T10:42:46Z")

</div>

Plz try “double clicking” index.css… or right-click on the file for more options.

---

<div class="post-metadata">

**Author:** ![davidhelp](https://avatars.discourse-cdn.com/v4/letter/d/6bbea6/32.png) [@davidhelp](https://forum.pinegrow.com/u/davidhelp)\
**Post date:** [March 24, 2021, 2:51am UTC](https://forum.pinegrow.com/t/how-to-view-the-css-file/5134/4 "2021-03-24T02:51:13Z")

</div>

Thanks to all. I will look into this this weekend. I know why ‘they’ say can’t teach old dogs new tricks. I am an old dog : )

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 24, 2021, 9:43am UTC](https://forum.pinegrow.com/t/how-to-view-the-css-file/5134/5 "2021-03-24T09:43:32Z")

</div>

Hi @davidhelp,  
The other thing about Pinegrow is that it gives you a lot of tools and different ways to do things. I know a lot of users don’t really “open” their stylesheets at all. They use a combination of the visual builder to add rules, along with"opening" their stylesheet in the Styles panel. If you go to the Styles panel (one with a paintbrush) and click on the stylesheets drop down on the right, you can then click on the name of the sheet and get a list of all rules that can be rearranged/edited.

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/09a46755e9f5bc800f5e4fdf965f1114f2fd5976.png)  
 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/4/4700ab3d9ac618d2c24a558ef3962b7b491b2e0b.png)  
The other option you have if you really like seeing the code is to use one of the Pinegrow plugins to be able to open and update your project from an editor like Visual Code Studio.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![davidhelp](https://avatars.discourse-cdn.com/v4/letter/d/6bbea6/32.png) [@davidhelp](https://forum.pinegrow.com/u/davidhelp)\
**Post date:** [March 25, 2021, 8:23pm UTC](https://forum.pinegrow.com/t/how-to-view-the-css-file/5134/6 "2021-03-25T20:23:18Z")

</div>

Thanks for the tip. I will need them : )

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [March 25, 2021, 10:07pm UTC](https://forum.pinegrow.com/t/how-to-view-the-css-file/5134/7 "2021-03-25T22:07:39Z")

</div>

Hi, its that _Stylesheets Drop down on the Right_

That really isnt at all obvious. That ALWAYS threw me when I’d been away for a while.  
It just doesn’t catch the eye at all, and isn’t one of the most _intuitive_ things to look for … when new or _guessing_ / forgotten the interface.

how about making it _Green_ like the upper icons (js thumbnail etc) when NO sheet is selected/opened, to make it a little more noticable, and toggles to grey when you HAVE opened a stylesheet or two… at least that way, it caught the eye, has BEEN used so the user knows its whereabouts, and … then greys back out when a css file is open as it no longer needs highlighting… really?

then… when you forget/havent used it for a while, get back to pg and BadoomTsch. its glowing green at you again for you to go click and LO! see your styles sheets.

Or we could jsut RTFM… but… where’s the fun in that when exploring a new app?
