# How to define Colours?

**URL:** <https://forum.pinegrow.com/t/how-to-define-colours/8748>\
**Category:** Beginners\
**Created:** [March 5, 2024, 8:26am UTC](https://forum.pinegrow.com/t/how-to-define-colours/8748 "2024-03-05T08:26:09Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![AudunNilsen](https://avatars.discourse-cdn.com/v4/letter/a/85e7bf/32.png) [@AudunNilsen](https://forum.pinegrow.com/u/AudunNilsen)\
**Post date:** [March 5, 2024, 8:26am UTC](https://forum.pinegrow.com/t/how-to-define-colours/8748/1 "2024-03-05T08:26:09Z")

</div>

Hi

Just getting into Pinegrow, and I´m kind of puzzled here…

I select an element, and go down the list on the element properties-tab, to look at the colour-options.

What I find is about ten colours that I can use, and nothing else? This can´t be right?

What I was wanting right now was to copy a colour from another element. Is that even possible in this program ?

Thanks

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [March 5, 2024, 11:13am UTC](https://forum.pinegrow.com/t/how-to-define-colours/8748/2 "2024-03-05T11:13:22Z")

</div>

Pinegrow offers two (main) things:

1. The element properties specific to the framework you have chosen (Bootstrap / Tailwind …) and in this case, indeed, the interface offers the basic “default” colors offered by the framework.
2. The CSS properties panel, which allow you to do EXACTLY what you want.

BUT, Pinegrow is not a design application like Photoshop, and you will need to have some knowledge of CSS and HTML development to fully take advantage of the various options available to you.

Have you had the opportunity to consult our [documentation and tutorials](https://pinegrow.com/support)?

---

<div class="post-metadata">

**Author:** ![AudunNilsen](https://avatars.discourse-cdn.com/v4/letter/a/85e7bf/32.png) [@AudunNilsen](https://forum.pinegrow.com/u/AudunNilsen)\
**Post date:** [March 5, 2024, 11:40am UTC](https://forum.pinegrow.com/t/how-to-define-colours/8748/3 "2024-03-05T11:40:18Z")

</div>

Ok… Before I get into all of that, can I ask you, is there a program you would recommend I´d rather use? I wanted to use Pinegrow because it shows the code, and in Dreamweaver, which has similar design issues, the pages are all fumbled when I load them.

---

<div class="post-metadata">

**Author:** ![AudunNilsen](https://avatars.discourse-cdn.com/v4/letter/a/85e7bf/32.png) [@AudunNilsen](https://forum.pinegrow.com/u/AudunNilsen)\
**Post date:** [March 5, 2024, 11:46am UTC](https://forum.pinegrow.com/t/how-to-define-colours/8748/4 "2024-03-05T11:46:30Z")

</div>

I found the tab in question, and saw there was a background-section there. Well, when I use the “picker”, it allows colour from one section, but not the one I want…

 ![Pinegrow3](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/3/32bd0d12287f900131750257f0da665f0e37d783.jpeg)

I want the beige colour. The black section I can copy from, but not the beige one.

---

<div class="post-metadata">

**Author:** ![AudunNilsen](https://avatars.discourse-cdn.com/v4/letter/a/85e7bf/32.png) [@AudunNilsen](https://forum.pinegrow.com/u/AudunNilsen)\
**Post date:** [March 6, 2024, 9:50am UTC](https://forum.pinegrow.com/t/how-to-define-colours/8748/5 "2024-03-06T09:50:41Z")

</div>

I looked at the guide. Didn´t find much there.

Starting to think there´s some kind of write-protection, or something, because when I play around with the stuff in the CSS-tab, when it comes to position, nothing´s happening.

This is what I´m looking at.

 ![image_2024-03-06_105029068](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/e/e7834f2964eca9e3bd866949f0ccd9fb2d57afb0.png)

I want to copy the colour of this element, and to be able to move it around, preferably in free form.

---

<div class="post-metadata">

**Author:** ![AudunNilsen](https://avatars.discourse-cdn.com/v4/letter/a/85e7bf/32.png) [@AudunNilsen](https://forum.pinegrow.com/u/AudunNilsen)\
**Post date:** [March 6, 2024, 10:24am UTC](https://forum.pinegrow.com/t/how-to-define-colours/8748/6 "2024-03-06T10:24:34Z")

</div>

Hmm… It seems the colour is not beige, but … white. My screen is a little old…

Anyway, I can´t seem to assign _any_ colour to this new section.

---

<div class="post-metadata">

**Author:** ![Cary](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/cary/32/6029_2.png) [@Cary](https://forum.pinegrow.com/u/Cary)\
**Post date:** [March 6, 2024, 11:24pm UTC](https://forum.pinegrow.com/t/how-to-define-colours/8748/7 "2024-03-06T23:24:21Z")

</div>

It looks like you are using Bootstrap 4, so I would recommend the following pages. I hope they are helpful.

[Bootstrap Design Panel - (the section pertaining to colors)](https://pinegrow.com/docs/bootstrap-visual-editor/bootstrap-design-panel/)

[Customize Bootstrap 4 themes](https://pinegrow.com/docs/bootstrap-visual-editor/customize-bootstrap-4-themes/)

[Bootstrap 5 version of the above.](https://pinegrow.com/docs/bootstrap-visual-editor/customizing-bootstrap-5-themes/)

---

<div class="post-metadata">

**Author:** ![Cary](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/cary/32/6029_2.png) [@Cary](https://forum.pinegrow.com/u/Cary)\
**Post date:** [March 7, 2024, 1:47am UTC](https://forum.pinegrow.com/t/how-to-define-colours/8748/8 "2024-03-07T01:47:39Z")

</div>

Those customizing tutorials require Pinegrow v6 and up.
