remove or change the color of the shade on Photo of service

[Fabio]

can I remove the shade in this part of code

<div class="row row-gutter-sm justify-content-center mb-5 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1000">
							<div class="col-sm-9 col-md-6 col-lg-4 mb-4">
								<a href="/services-privacy-cybersecurity.html">
									<div class="card box-shadow-4">
										<div class="card-img-top position-relative overlay overlay-show">
											<div class="position-absolute bottom-0 left-0 w-100 py-3 px-4 z-index-3">
approximately Index 423-432
												<h4 class="font-weight-semibold text-color-light text-6 mb-1">Privacy & Cybersecurity</h4>
												<div class="custom-crooked-line">
													<img width="154" height="26" src="img/demos/business-consulting-3/icons/infinite-crooked-line.svg" alt="" />
												</div>

The photo/image is too dark

TY

---

• This topic was modified 3 years, 2 months ago by Support.

[Support]

Hi, remove the overlay class:

<div class="row row-gutter-sm justify-content-center mb-5 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1000">
							<div class="col-sm-9 col-md-6 col-lg-4 mb-4">
								<a href="/services-privacy-cybersecurity.html">
									<div class="card box-shadow-4">
										<div class="card-img-top position-relative">
											<div class="position-absolute bottom-0 left-0 w-100 py-3 px-4 z-index-3">
approximately Index 423-432
												<h4 class="font-weight-semibold text-color-light text-6 mb-1">Privacy & Cybersecurity</h4>
												<div class="custom-crooked-line">
													<img width="154" height="26" src="img/demos/business-consulting-3/icons/infinite-crooked-line.svg" alt="" />
												</div>

Jonas

---

[Fabio]

OK, and where I can change the color of overlay ? I can’t finde it in css flie. Sorry.
TY

---

[Support]

Hi, you can change color and opacity with this css code:

.overlay:before {
    background: #212529 !important;
    opacity: 0 !important;
}

Kind Regards,

Jonas

---

[Fabio]

Hi,
I add this code in “custom.css” and it don’t run.

---

[Fabio]

Other question:

`opacity: 0

is a percent Value? 10%, 50% ?? or natural value 50, 100 ??

---

[Fabio]

Sorry Cache

---

[Support]

Hi, it’s based in percental, example: ” opacity: 0.1; ” is 10% visible. https://www.w3schools.com/cssref/css3_pr_opacity.asp

---

[Fabio]

This reply has been marked as private.

[Author]

Posts