Features Image Overlay

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
October 16, 2017 at 7:42 am #400803

Joy
Buyer

Post count: 1076

Hello, is there a way to set the featured image overlay to be a certain level for all pages, except listing pages?

Thank you.

October 16, 2017 at 7:45 am #400804

Kor
Moderator

Post count: 16516

Hi Joy,

We can achieve this with the CSS “opacity”. Could you share the URLs so that I could test on it?

Thanks!

October 16, 2017 at 7:55 am #400806

Joy
Buyer

Post count: 1076

Hi, yes, I am aware of that. But I wasn’t sure if there was an easier way to target pages. I want all locations pages to have a certain level and listing pages to have a certain level.

Thank you.

October 16, 2017 at 7:55 am #400807

Joy
Buyer

Post count: 1076

This reply has been marked as private.

October 16, 2017 at 8:29 am #400818

Kor
Moderator

Post count: 16516

Hi joy,

So do you mean you only want the homepage and detail page featured image to have a lower opacity?

Thanks

October 16, 2017 at 8:52 am #400821

Joy
Buyer

Post count: 1076

Home page and all location based pages (location seo image that is set in GD settings)

October 16, 2017 at 12:53 pm #400867
Kor
Moderator

Post count: 16516
Hi Joy,

Here is the custom CSS code for you.
```
.sd-location .featured-img {
    opacity:0.8!important;
}

.sd-homepage .featured-img {
    opacity:0.8!important;
}
```
thanks!
October 16, 2017 at 8:45 pm #400974

Joy
Buyer

Post count: 1076

Thank you. How do I target the listing page opacity too?

October 16, 2017 at 8:55 pm #400976
Paolo
Site Admin

Post count: 31206
Hi Joy,

with this:
```
.single .featured-img {
    opacity:0.8!important;
}
```
Thanks
October 16, 2017 at 9:05 pm #400980

Joy
Buyer

Post count: 1076

I’m getting some sort of double overlay going on. Can you please take a look?

I would like all pages to be overlay of 0.5 except for listing pages, I want those to be overlay of 0.2

You can try to set the css, then clear the cache. Not sure what I’m doing wrong here.

October 16, 2017 at 9:05 pm #400981

Joy
Buyer

Post count: 1076

This reply has been marked as private.

October 17, 2017 at 12:03 am #401011
Joy
Buyer

Post count: 1076
Hi again, I’ve been playing with this and have been unsuccessful.

I’m seeing that
```
.single .featured-img {
    opacity:0.8!important;
}
```
This code affects the image opacity – not the background overlay.
October 17, 2017 at 4:39 am #401059

Alex Rollin
Moderator

Post count: 27815

How about:

.featured-area: :before {
opacity: 0.1;
}

October 17, 2017 at 5:31 pm #401189

Joy
Buyer

Post count: 1076

I was using that previously. I’ll give it a try again and post the results. Thank you.

October 18, 2017 at 10:39 pm #401470
Joy
Buyer

Post count: 1076
Figured out the css to target the featured image overlay:
```
/*location pages overlay */
.sd-location .featured-area::before {
    opacity:0.5!important;
}

/* listing pages overlay */
.single .featured-area::before {
opacity:0.2 !important;
}

/* homepage overlay */
.sd-homepage .featured-area::before {
opacity:0.5 !important;
}
```
Author

Posts