[nedimhazarParticipant]

I’m setting up my site (nedimhazar.com) using integrity with the 5th variant (with a homepage borrowed from another one which I forgot).
I placed a background image for the pages (see: http://nedimhazar.com/yarinistan/), but I would like to use different images for different pages (see: nedimhazar.com/adanin-kadinlari). So far so good. I would like to experiment with opacity/transparenty both

– on the background images and
– on the white background of the entry-wrap

and see what looks the best.

How can I do that?

E.g. where do I put a css code like this one:

img {
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}

When I put

.entry-wrap {
opacity: 0.9;
}

in the custom area it also makes the images and the videos transparent (and not only the white background)

Do you have an idea how I can evade that?

I would appreciate any help.

Thanks in advance,

Nedim

[ChristopherModerator]

Hi there,
Please add the following CSS code under Customize -> Custom -> CSS:

.entry-wrap{
background-color: rgba(255, 255, 255, 0.5);
}

Hope it helps.

[nedimhazarParticipant]

Thanks a lot! That was exactly what I was looking for concerning the entry wrap.

But what about image transparency in the background? Is there a possibility of putting something like this

img {
opacity: 0.4;
}

for the background image of the page? This question also goes for the parallax background images (see homepage: nedimhazar.com)

Thanks in advance!

Nedim

[CousettMember]

You should be able to add an opacity to the container such as:

.x-content-band.bg-image {
opacity: .5;
}

[nedimhazarParticipant]

Hi. I solved my question myself by just putting opacity to the background images themselves before uploading them. Thanks very much anyway!

[DarshanaModerator]

Glad you were able to figure it out. Have a nice day 🙂

[ZaepianParticipant]

I’m trying to do something similar to this; I’ve set a background image (a pattern) to my entry-wrap, and I’d like to apply an opacity to it without effecting the child elements of the entry-wrap, i.e. the map and contact form. I want to see the pattern of the entry-wrap, but I want it to let the background image of the page show through somewhat. And, I want to do this without the content of the container becoming transparent.

The page I’m working on currently is: sanmarinoclub.com/wordpress/contact

Can you please assist me? Thank you.

[ZaepianParticipant]

I see other forum posts getting responses almost immediately.
But, my question has gone unanswered for the last 3 hours.
Was I supposed to start a new thread instead of posting my question here?
I thought because the topic was very similar I was supposed to just ask here.

[Rue NelModerator]

Hello There,

Thanks for updating this thread!

Upon checking you page, we see that it is already transparent. If you want to add a background color of the content inside your content wrap, please try to use this css code in your customizer, Appearance > Customize > Custom > CSS

.entry-content.content {
    background-color: #fff;
    padding: 20px;
}

Hope this helps.

As stated in our Support policy in the sidebar, our forum response time can take up to 24 hours Monday through Friday and can be longer on the weekend. Complex questions may take longer, and all questions are answered from oldest to newest. We do not agree that other posts getting responses immediately. We have several staff on this forum and we take one topic at a time from oldest to newest. Simple and frequently ask questions get answered in less time compared to those complex topics.

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thank you for your understanding.

[Author]

Posts