Opaque / transparent content area in Responsive Theme

Can you describe more on which part of the page you want transparent?

Yes, sure. Basically the white content box behind my text.

Do you have a place in the dashboard to hold CSS modifications (other than in theme files)?

yes thats all set up. just need to code to edit but i am not css savvy at all :-s

What stuff have you tried so far?

i have not tried inserting any codes that might help me to make the content box transparent. all i found was for the background image but thats not what i am looking for.

do you have any suggestions? anything helps really

#wrapper { background: transparent; }

https://www.w3schools.com/cssref/pr_background-color.asp

cool thanks. but where can i put this? right in the style.css of my child thme?

also i found this. can i use the below too? guess here i can change the opacity, no?

.wrapper {
background-color: #FFFFFF;
margin: 0 auto;
opacity: 0.9;
padding: 0 20px 15px;
width: 940px;
}

Do you have a place in the dashboard to hold CSS modifications (other than in theme files)?

guess i got you wrong. no, i dont have this in my dashboard. can i not put this somewhere in my style.css?

You can put it in the bottom of your Child Theme style.css file, or if you had a part of the dashboard named something like “Custom CSS” you could put it there, either/or.

it worked but it made it completely transparent. is there a code where i can adjust the opacity?

If you want a translucent background use ‘rgba’ instead of ‘transparent’.

Basically go to this site https://css3generator.com/ , select ‘RGBA’ from its drop down, get the opacity/translucency to what you want and then copy this part (example):

background-color: rgba(0, 0, 0, .5);

And paste it over this part:

background: transparent;

YEAH! thanks a lot for your help. much appreciated.