adjust image overlay opacity in OTHER pages

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

Open Support Ticket

Tagged: overlay opacity

Author

Posts
January 9, 2019 at 2:48 am #462274

STEPHANIE NEWMAN
Expired Member

Post count: 80

I have the css code from the instructions at this link

https://wpgeodirectory.com/docs/common-styling-examples/#supreme-overlay

and I have this working on the home page

but how to I adjust the opacity overlay on other pages on my site?

I want to adjust ALL the pages the same.. is there a way to do this?

I want to adjust them to 0.0 opacity

January 9, 2019 at 4:51 am #462283

Kor
Moderator

Post count: 16516

Hi Stephanie,

Thanks for your post. Could you share the URL of the page in question so that we could provide you the custom CSS code to achieve this?

Thanks!

January 12, 2019 at 5:34 pm #462935

STEPHANIE NEWMAN
Expired Member

Post count: 80

This reply has been marked as private.

January 12, 2019 at 5:36 pm #462937

STEPHANIE NEWMAN
Expired Member

Post count: 80

also, while you are looking at the css, is there something I can do to make the FONT in the search widget at the top the SAME FONT… “search for notary” is in one font, and “DETAILED SEARCH” is in another font. I want “DETAILED SEARCH” all caps… but not in a different font.. thx

January 13, 2019 at 4:59 am #462990
Alex Rollin
Moderator

Post count: 27815
Hello,

the featured image is currently transparent with opacity 1. You can change it to 0 with
```
header .featured-area .featured-img.sd-fade-in {
    opacity: 0!important;
}
```
For the search button, change your previous CSS to:
```
.fa-cog:after {
    content: " DETAILED SEARCH";
    font-family: "Lato";
}
```
For additional customizations please see our page about how to customize your style:
https://wpgeodirectory.com/docs/customizing-your-style/
January 13, 2019 at 5:36 am #463002

STEPHANIE NEWMAN
Expired Member

Post count: 80

I got the font changed on the “DETAILED SEARCH”

But with the header .featured-area .featured-img.sd-fade-in {
opacity: 0!important;
}

it did not change my featured image to a “brighter” image… if you see on my home page notarybyzip.com how light and bright the top area is… we had used the css .sd-homepage .featured-area::before {
opacity:0.0 !important;}

this new css changes the entire image to a grey block if i set it to 0 like i did the first set of css… .. so i don’t know if I entered something wrong or what… please feel free to log in and adjust the css as needed. thx

January 13, 2019 at 6:08 am #463003

Alex Rollin
Moderator

Post count: 27815

the featured image is currently transparent with opacity 1.

please send a link to a dark page and we will check.

January 14, 2019 at 12:07 am #463072

STEPHANIE NEWMAN
Expired Member

Post count: 80

http://notarybyzip.com/detailed-notary-search/

http://notarybyzip.com/add-listing/?listing_type=gd_place

http://notarybyzip.com/add-list/

http://notarybyzip.com/member-links/gd-invoices/

http://notarybyzip.com/member-links/blog/

http://notarybyzip.com/member-links/community/

http://notarybyzip.com/contact/pricing/

http://notarybyzip.com/contact/

http://notarybyzip.com/terms-and-conditions/

http://notarybyzip.com/contact/about/

AND……

http://notarybyzip.com/location/ the color is correct the the featured image got resized to really large some how… I had set all the featured images to be much smaller… and of course I don’t know what are where that setting is now to change it back…

January 14, 2019 at 4:19 am #463096
Alex Rollin
Moderator

Post count: 27815
Thanks,
try
```
header .featured-area::before {
    opacity: 0!important;
}
```
January 14, 2019 at 12:19 pm #463150

STEPHANIE NEWMAN
Expired Member

Post count: 80

yay!!! it worked

thx
Author

Posts