Opacity white Body

Resolved chanixx
(@chanixx)

10 years, 4 months ago

Hi everybody, I am still learning to work with css and this great template. But I have a problem: I would like to make the white boyd a little bit transparent. I know that opacity an rgb colour sheme is possible. But I can not find the right element where to place it.

So, is someone able to solve my problem?

Thanks
Adrian (chanixx)

Viewing 6 replies - 1 through 6 (of 6 total)

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

10 years, 4 months ago

Could you link to a page that has this white background, for reference?

Thread Starter chanixx
(@chanixx)

10 years, 4 months ago

hey i am testing at http://haar.controlling.eu/
Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

10 years, 4 months ago
If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:
1. Install this Custom CSS Manager plugin http://ww.wp.xz.cn/plugins/custom-css-manager-plugin
2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
3. (put this code in)
```
.site {
    background: rgba(255, 255, 255, 0.9);
}
```
4. Save
Alternatively use your Child Theme style.css file to hold your CSS modifications
Thread Starter chanixx
(@chanixx)

10 years, 4 months ago

It works! Thank you so much!

Thread Starter chanixx
(@chanixx)

10 years, 4 months ago

Hey guy,

i have made some different changes. But there is one more problem: the posts are always with white background. I do not find the right parameter where to change.

Is someone able to help? wp.haarwerk-richter.de

Theme Author Tomas Mackevicius
(@tomasm)

10 years, 4 months ago

Don’t know what CSS rules apply to what website element? I suggest using Firefox Inspector (a part of Web Developer Tools in Firefox), Google Chrome DevTools to see what styles are affecting the elements. You can activate it in both browsers with: CTRL+SHIFT+I and select the element you need with the mouse. Similarly you can use web developer tools in Internet Explorer with F12. See video tutorial about Firefox Inspector, Chrome Developer and Internet Explorer F12 Developer Tools.