JA Ego Spa Images

krumz

Hello, I am using JA Ego Spa Home 2. I would like to remove the Hero image and Section-3 images that are by default there when you select these positions. The hero image is the leaves and Section-3 images are the circle that says About Us and the splash of red powder.

I have deleted the image that was in the overlay section for both and selected None for section overlay but that does nothing.

Your help is much appreciated.

Here is what I found using Dev Browser Tools:

.acm-features.style-2 .pattern-left .features-left .features-img .img::before {
  background-image: url("../images/shape.png");
  bottom: -120px;
  height: 251px;
  left: -120px;
  width: 326px;
  z-index: 10;
}

.acm-features.style-2 .pattern-left .features-left .features-img .img::after {
  background-image: url("../images/about-us.png");
  bottom: -4.28rem;
  height: 8.56rem;
  right: -4.28rem;
  width: 8.56rem;
  z-index: 30;
}

Ninja

krumz

Hi
You can set it display none in custom css
example :

.acm-features.style-2 .pattern-left .features-left .features-img .img:before { display:none;}

If not work kindly share page URL

krumz

Ninja

The custom css you gave me worked for the splash of powder. Thank you.

I had to add this to custom css to remove the circle image "About Us":

.acm-features.style-2 .pattern-left .features-left .features-img .img:after { display:none;}

Thank you.

krumz

Ninja

I had asked about removing the leaf on the hero image so I wanted to let you know what I added to custom css to remove that - just in case anyone else wants to remove it.

.acm-hero.style-2 .features-intro .wrapper-ct .box-info .pic-pattern:after {display:none;}

I am curious though. If I want to replace these images with something else, how would I go about that?

Thank you.

Ninja

krumz
Hi
Do you have the site URL and share screenshot which part u want to remove
So i can check why the code u added not working?

krumz

I'm sorry if I confused you. What you gave me worked. It's all good.

What I had additionally asked is if I want to replace those images with my own - in what file would I put them.

Thank you.

Ninja

krumz What you gave me worked. It's all good.

For new question do you have any URL as it not clear which image u want to replace. A URL and screenshot help to understand correctly.

krumz

If I want to replace the images in the attached screenshot, in what file would I put them so as not to get over written when the template updates. Ninja

Ninja

krumz
Hi
Here is code to override in custom css

acm-features.style-2 .pattern-left .features-left .features-img .img:before {
    background-image: url(../images/shape.png);
    bottom: -120px;
    height: 251px;
    left: -120px;
    width: 326px;
    z-index: 10;
}
.acm-features.style-2 .pattern-left .features-left .features-img .img:after {
    background-image: url(../images/about-us.png);
    bottom: -4.28rem;
    height: 8.56rem;
    right: -4.28rem;
    width: 8.56rem;
    z-index: 30;
}