# Change individual background color for widgets on Front Page

**URL:** <https://colorlibsupport.com/t/change-individual-background-color-for-widgets-on-front-page/16813>\
**Category:** Shapely\
**Created:** [June 29, 2017, 3:59pm UTC](https://colorlibsupport.com/t/change-individual-background-color-for-widgets-on-front-page/16813 "2017-06-29T15:59:35Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![hhaastrup](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/h/94ad74/32.png) [@hhaastrup](https://colorlibsupport.com/u/hhaastrup)\
**Post date:** [June 29, 2017, 3:59pm UTC](https://colorlibsupport.com/t/change-individual-background-color-for-widgets-on-front-page/16813/1 "2017-06-29T15:59:35Z")

</div>

Hi,

Thanks for the awesome theme! My website is: www.integreretkvindeterapi.dk

I have this problem that I want to change the background color of all my individual widgets. I found this solution for my portfolio: [https://colorlibsupport.com/t/changing-portfolio-widget-background/](https://colorlibsupport.com/t/changing-portfolio-widget-background/)

But I also want to do this for my shapely\_home\_parallax (-2, -6, -8, -9, -5)

What can I do?

Best,  
H

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [June 30, 2017, 1:01am UTC](https://colorlibsupport.com/t/change-individual-background-color-for-widgets-on-front-page/16813/2 "2017-06-30T01:01:39Z")

</div>

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -\> Appearance -\> Customize -\> Additional CSS

```auto
div#shapely_home_parallax-8 {
    background-color: blue !important;
}
div#shapely_home_parallax-5 {
    background-color: red !important;
}

div#shapely_home_parallax-9 {
    background-color: purple !important;
}
div#shapely_home_parallax-3 {
    background-color: purple !important;
}

```

Best Regards,  
Support

---

<div class="post-metadata">

**Author:** ![hhaastrup](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/h/94ad74/32.png) [@hhaastrup](https://colorlibsupport.com/u/hhaastrup)\
**Post date:** [June 30, 2017, 12:39pm UTC](https://colorlibsupport.com/t/change-individual-background-color-for-widgets-on-front-page/16813/3 "2017-06-30T12:39:16Z")

</div>

It worked. Thanks a lot for great support.

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [June 30, 2017, 1:57pm UTC](https://colorlibsupport.com/t/change-individual-background-color-for-widgets-on-front-page/16813/4 "2017-06-30T13:57:41Z")

</div>

Hello there,

I am glad the solution worked for you.  
Please feel free to contact us again in the future regarding any other issues.

Best Regards,  
Support