New to the community? Start here

Making the background semi-transparent

Hello: I would like to make the display of the background semi-transparent to match our website. What would the css be for that?

Thanks!

See link for explanation:

demo:

Wed, 1 Oct 2014 13:05:13

Jack Kitterhing
- Code Norris
- 13,199 pts: Hero points 20,416 pts: Rep. points LEVEL 30
Hi there @Saki,

Hope you’re well today! :slight_smile:

Try adding the following css.
```
.app_services {

opacity: 0.5;

}



.app_workers {

opacity: 0.5;

}



div.appointments-wrapper {

opacity: 0.5;

}
```
You can add that using a plugin such as https://wordpress.org/plugins/simple-custom-css/

Thanks!

Kind Regards

Jack.
Saki
- Design Lord, Child of Thor
- 50 pts: Hero points 62 pts: Rep. points LEVEL 3
That css just washes / fades out the entire area. What I need is to make the white and grey/white containers (not text or photos) semi-transparent like the rest of the site.

The website is moved to:

http://dovshoneman.com/make-an-appointment/

Thanks for your assistance.
Saki
- Design Lord, Child of Thor
- 50 pts: Hero points 62 pts: Rep. points LEVEL 3
I’ve left that code in, but reset the transparency to opacity: 0.95; until we can get this figured out.
Vinod Dalvi
- WP Unicorn
- 1,565 pts: Hero points 17,482 pts: Rep. points LEVEL 29
Hi @Saki,

Thank you for your reply.

Try using the following CSS code to make semi transparent.
```
#main section table, #main section table tr {

background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);

}
```
Best Regards,

Vinod Dalvi