# How to set background colour to 0% opacity (CSS) **URL:** \ **Category:** RapidWeaver Classic\ **Created:** [July 19, 2017, 6:13pm UTC](https://forums.realmacsoftware.com/t/how-to-set-background-colour-to-0-opacity-css/15272 "2017-07-19T18:13:30Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![Tdot](https://avatars.discourse-cdn.com/v4/letter/t/c67d28/32.png) [@Tdot](https://forums.realmacsoftware.com/u/Tdot)\ **Post date:** [July 19, 2017, 6:13pm UTC](https://forums.realmacsoftware.com/t/how-to-set-background-colour-to-0-opacity-css/15272/1 "2017-07-19T18:13:30Z")
I’m wondering if there’s a basic CSS to set the background of a theme (the part under the text boxes) to completely transparent? I’m trying to remake the following site in a new theme: [http://www.seesuite.ca/](http://www.seesuite.ca/) As you can see, the area under the text is transparent, which reveals the full-page image underneath. This is what I want. The current theme I’m using ( [http://michaeldaviddesign.com/themes/affinity/page11/index.html](http://michaeldaviddesign.com/themes/affinity/page11/index.html) ) allows you to change the colour under the text but not the opacity of that colour. So now I have the full page image blocked out by the colour background under the text. Is there CSS that will allow me to reduce the opacity of that? Thanks a lot ---
**Author:** ![swilliam](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/swilliam/32/14799_2.png) [@swilliam](https://forums.realmacsoftware.com/u/swilliam)\ **Post date:** [July 19, 2017, 6:48pm UTC](https://forums.realmacsoftware.com/t/how-to-set-background-colour-to-0-opacity-css/15272/2 "2017-07-19T18:48:26Z")
I’m not sure exactly which element you want to target but in general: target the element{ background-color: rgba(20,150,10,.5); } The .5 is 50% opacity Does that help? if you can be more specific on what you want to target maybe you can get a more specific solution. the page you linked to had no background image with text on top. ---
**Author:** ![Tdot](https://avatars.discourse-cdn.com/v4/letter/t/c67d28/32.png) [@Tdot](https://forums.realmacsoftware.com/u/Tdot)\ **Post date:** [July 19, 2017, 6:55pm UTC](https://forums.realmacsoftware.com/t/how-to-set-background-colour-to-0-opacity-css/15272/3 "2017-07-19T18:55:53Z")
Thanks for your help - Here’s a picture of my work in progress. I changed the background colour to green just to illustrate which part I need reduced to 0% opacity. ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/f/f8c5a81b3c635d81bc03eab2495f17bee357fa55.jpg) ---
**Author:** ![swilliam](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/swilliam/32/14799_2.png) [@swilliam](https://forums.realmacsoftware.com/u/swilliam)\ **Post date:** [July 19, 2017, 6:59pm UTC](https://forums.realmacsoftware.com/t/how-to-set-background-colour-to-0-opacity-css/15272/4 "2017-07-19T18:59:03Z")
A screen shot doesn’t really help. Have you got a url of the published page? With a published page I can have a look and get the element name. Do you know how to use the developer tools in your browser? if so you can preview it locally and find the element name. ---
**Author:** ![Tdot](https://avatars.discourse-cdn.com/v4/letter/t/c67d28/32.png) [@Tdot](https://forums.realmacsoftware.com/u/Tdot)\ **Post date:** [July 19, 2017, 7:08pm UTC](https://forums.realmacsoftware.com/t/how-to-set-background-colour-to-0-opacity-css/15272/5 "2017-07-19T19:08:19Z")
Thanks, I’m a relative beginner in this stuff but will play around with it. I was hoping that the link to the affinity theme might lead to that element under the text. will keep at it. Thanks! ---
**Author:** ![swilliam](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/swilliam/32/14799_2.png) [@swilliam](https://forums.realmacsoftware.com/u/swilliam)\ **Post date:** [July 19, 2017, 7:16pm UTC](https://forums.realmacsoftware.com/t/how-to-set-background-colour-to-0-opacity-css/15272/6 "2017-07-19T19:16:56Z")
it’s kinda hard to tell it could be: #textp or .stacks\_top or you may have to target something that looks like #stacks\_out\_99\_page99 (the numbers change) If you publish your page (even to a test folder) then you can tell for sure ---
**Author:** ![Tdot](https://avatars.discourse-cdn.com/v4/letter/t/c67d28/32.png) [@Tdot](https://forums.realmacsoftware.com/u/Tdot)\ **Post date:** [July 19, 2017, 8:03pm UTC](https://forums.realmacsoftware.com/t/how-to-set-background-colour-to-0-opacity-css/15272/7 "2017-07-19T20:03:55Z")
The developer suggested the same thing as your first response. He just got back to me with another idea and it worked - #wrapper { background: rgba(0, 0, 0, 0.0)!important; } Thanks a lot for taking the time to help!