# Css not applied

**URL:** https://forum.pinegrow.com/t/css-not-applied/577
**Category:** WordPress
**Created:** [January 7, 2017, 6:32pm UTC](https://forum.pinegrow.com/t/css-not-applied/577 "2017-01-07T18:32:12Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![dakiriki](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/dakiriki/32/324_2.png) [@dakiriki](https://forum.pinegrow.com/u/dakiriki)
#### Post date: [January 7, 2017, 6:32pm UTC](https://forum.pinegrow.com/t/css-not-applied/577/1 "2017-01-07T18:32:13Z")

</div>

Hi  
I am starting my Pinegrow adventure, as with everything there are significant problems with finding a way around.  
I am working wth HTML theme, want to preserve styles, but also to add some of mine.  
One of my biggest issues is there is no css that I apply is not applied, I tried to add to style.css in theme nothing happens, I am very confused how this work.  
Any help?  
Thank you

---

<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: [January 9, 2017, 9:24pm UTC](https://forum.pinegrow.com/t/css-not-applied/577/2 "2017-01-09T21:24:43Z")

</div>

Hi @dakiriki. I’ll try to demonstrate how I do it when using the Bootstrap framework and hopefully it will be helpful to you. After opening PG and creating a new Bootstrap page then adding a row and column to the layout I’m going to apply css to the column background. Screenshot of pre-styled layout with the column I plan to style selected:

 ![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/9ae244aaaed6fef0e98c16202204eb468eb06fc5.png)

Then I click on the CSS tab followed by +Add rule, then I name my style and select whether I want to assign it to the selected element, in my case column ( **Create & Assign class** ) or not ( **Create** ).

 ![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/e4dba31a5974b7b2f280e045bddda0889d0d3e74.png)

Then I add whatever values I want to apply to this style. If I’ve chosen to **Create & Assign class** I see the changes applied to the column as I edit the style, see screenshot:

 ![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/e3861ac34b5455cc1fb5ec1651e42df725f018ab.png)

If I just opted for **Create** the style won’t be applied until I select the element (column) and in the CSS tab select the **+** symbol beside the style I wish to apply to the element I’ve already selected. If an element already has a style applied the **+** symbol displays as a **-** symbol so you can remove the style.

![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/d2258387196e6fd6a8eb044c9a0098ffd573a40e.png) ![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/94ef77304fce3b0e78125ff1db5c013a50093a39.png)

Hope this makes sense and that it helps you figure out how to apply styles. Any further questions feel free to ask.

---

<div class="post-metadata">

### Author: ![dakiriki](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/dakiriki/32/324_2.png) [@dakiriki](https://forum.pinegrow.com/u/dakiriki)
#### Post date: [January 10, 2017, 9:52am UTC](https://forum.pinegrow.com/t/css-not-applied/577/3 "2017-01-10T09:52:55Z")

</div>

Sorry, I did not express myself correctly.  
What I wanted to say is, I expect to have my custom CSS rules to be in `style.css of Wp theme` I am creating.  
So, after a bit of play with importing CSS in Pinegrow I was able to get CSS rules to be written into `style.css`, but by looking at functions.php it appears that `get_template_directory_uri()` is pointing to HTML directory, not wp theme?  
At first, I thought that problem was in the style.css file of HTML theme but remained after I renamed a file and imported my `style.css`.  
So my question should be, I think:

1. How to keep existing styling of an HTML theme and add custom directly to`WP theme style.css` so it is ready to use?
2. How to get that `style.css` is properly recognized by WP, as changing path in `functions.php` does not help?  
This is the part where I am getting confused, I figured part with creating CSS rules from the tutorial.  
I am not WP noob but I am a noob in Pinegrow, that seem to be very good tool for rapid development.  
This is my learning project and most likely I am making mistakes 🙂  
I like what I see so far, just there are many blurry parts 🙂
