Slider overlay & arrows

Hi Victor, thank you for your thorough response! This is great although I was actually asking about the default black overlay/gradient that appears over the photos in the slider. Do you mind sharing the css needed to reduce the opacity of that black overlay? The default opacity is too dark for us.

Regarding my previous question about the slider arrows, should I repost that question in a new thread?

Thanks for your support!

Best,
Jes

@jpdstudio yes sure, you can use this code:

.anwp-pg-wrap .anwp-pg-post-teaser:not(.anwp-pg-post-teaser--inner-cover-link):hover .anwp-pg-post-teaser__thumbnail-bg {
  background: rgba(0,0,0,.4);
  transition: background-color .4s ease-in-out 0s;
  opacity: 0.2;
}

Feel free to change the opacity to any value you like.

Hi Victor, you have been so responsive, thank you so much for that!

But I’m referring to the default, black, off-state gradient, not the hover gradient. See my dropbox link below. This is the gradient that I need to make lighter, not the hover gradient.

https://www.dropbox.com/scl/fi/9rw3y0mod79mlh6ea1ie4/gradient-off-state.png?rlkey=328296ya9wn2mt9v27r657qn9&dl=0

Is this something that can be modified?

Thank you!
Jes

@jpdstudio Ah I see, use this code:

.anwp-pg-wrap .anwp-pg-post-teaser--layout-a .anwp-pg-post-teaser__muted_bg{background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .4) 40%, rgba(0, 0, 0, .5)) !important;}

@victorsun2018 That did the trick. Thank you so much! I appreciate your patience and responsiveness with our request.

Should we set-up a separate thread for my arrows question? I don’t know if it’s a glitch on my end, when I select the option to display the arrows on the outside of the slider, they remain inside:

https://www.dropbox.com/scl/fi/vyamil3ymgc2i0trrnck3/slider-arrows.png?rlkey=sapj94lkv55wysh1zw855e53t&dl=0

Hello,

Thank you for reaching out.

We’re glad to hear the issue has been solved!

Thank you for using Elementor! Have an amazing day/evening.
Kind Regards,