# Changing the background-color?

**URL:** <https://forum.pinegrow.com/t/changing-the-background-color/399>\
**Category:** Blocks\
**Created:** [November 22, 2016, 8:15pm UTC](https://forum.pinegrow.com/t/changing-the-background-color/399 "2016-11-22T20:15:21Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![sonanski](https://avatars.discourse-cdn.com/v4/letter/s/85e7bf/32.png) [@sonanski](https://forum.pinegrow.com/u/sonanski)\
**Post date:** [November 22, 2016, 8:15pm UTC](https://forum.pinegrow.com/t/changing-the-background-color/399/1 "2016-11-22T20:15:21Z")

</div>

Okie, dokie…

I’m using the

 id “promo-3”. Blew away the background-image, replaced it with somethin’ ugly and blew that away too. Now, I’m tyring to change the background-color… And it’s not changing.

Now, there’s only 4 selectors to choose from; and I’ve changed the color on all of them. No dice.

Is this a bug?

---

<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:** [November 22, 2016, 11:51pm UTC](https://forum.pinegrow.com/t/changing-the-background-color/399/2 "2016-11-22T23:51:19Z")

</div>

Hi @sonanski. If you select the Promo 3 block in the DOM tree then on the page click the Actions menu followed by Show CSS Rules.

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

Then in the CSS Tab you will see a list of css rules associated with Promo 3 block and you can click .bg-deepocean in the list and assign whatever colour you want to use as the background.

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

You will have to add !important beside the colour in order for it get properly assigned.

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

---

<div class="post-metadata">

**Author:** ![sonanski](https://avatars.discourse-cdn.com/v4/letter/s/85e7bf/32.png) [@sonanski](https://forum.pinegrow.com/u/sonanski)\
**Post date:** [November 23, 2016, 12:20am UTC](https://forum.pinegrow.com/t/changing-the-background-color/399/3 "2016-11-23T00:20:17Z")

</div>

Ah, Good to know. Thanks.

---

<div class="post-metadata">

**Author:** ![Rgator](https://avatars.discourse-cdn.com/v4/letter/r/bc79bd/32.png) [@Rgator](https://forum.pinegrow.com/u/Rgator)\
**Post date:** [January 3, 2017, 9:23am UTC](https://forum.pinegrow.com/t/changing-the-background-color/399/5 "2017-01-03T09:23:56Z")

</div>

^^^^ OMG! What a crazy amount of things to have to do just to change a background color! No wonder why so many Freeway Pro users find Pinegrow difficult to learn. Background color ought to be one simple GUI click away.

---

<div class="post-metadata">

**Author:** ![Jack](https://avatars.discourse-cdn.com/v4/letter/j/cc9497/32.png) [@Jack](https://forum.pinegrow.com/u/Jack)\
**Post date:** [January 11, 2017, 2:41am UTC](https://forum.pinegrow.com/t/changing-the-background-color/399/6 "2017-01-11T02:41:16Z")

</div>

> [@Rgator](#):
>
> ^^^^ OMG! What a crazy amount of things to have to do just to change a background color! No wonder why so many Freeway Pro users find Pinegrow difficult to learn. Background color ought to be one simple GUI click away.

“people hate change” - you can’t get more of a change than Freeway Pro to Pinegrow!

Its better to learn basic css so by following the slightly more complex way 😀, you have quickly learnt css is controlling the styling and you can add important to force the background colour, which will come into use at some stage when you learn more about css.