Change Background opacity for posts/pages not sliders

[Lazaros]

Lazaros

May 28, 2016 at 5:38 am

Hello, I don’t know if my efforts are on the right way, so I would like some help over here.
This in the website I’ m working on: “studios antoniadis . gr” (no gaps)
and I just want to have some opacity on the background of the text of posts or pages, but not in sliders inside them.

when I change opacity for .entry-content in general, all content loses opacity, including pictures from inpost sliders, for example this photo:

*Login to see link

shows also the background picture from behind depending the level of opacity.

I use this code in advanced settings with no effect, any help will be appreciated.

.entry-content [itemprop="mainContentOfPage"] {
background-color: #ffffff !important;
opacity: 0.8 !important;
}

.entry-content [itemprop="description articleBody"] {
background-color: #ffffff !important;
opacity: 1 !important;
}