Where is this unwanted image coming from in the HTML/CSS?

Terry Woods
Terry Woods used Ask the Experts™
on
Can someone please explain where in the page this background image is coming from? I'm looking in the Chrome dev tools Computed section for various elements that cover that part of the page, and none of them seem to set a background image.

The main image is in a slider. If I remove the slider using the GUI editor for the site, the other image still displays in the editor, but in a way that indicates something might be a bit corrupted somewhere in the WordPress page data. I'm trying to figure out how to clean it up, or at least hide the unwanted image.

Edit: Apologies, the url is laing.jfm.co.nz
laing-bg-Capture.JPG
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Terry WoodsIT Guru
Most Valuable Expert 2011

Author

Commented:
Yes, I think so; how do I find where in the HTML that's coming from? I haven't managed to find it using the Chrome dev tools
ZeropointNRGHedge Fund Manager

Commented:
http://laing.jfm.co.nz/wp-content/uploads/2019/07/Laings-Escape-2-Construction.jpg

<div class="jet-slider__item sp-slide">
	<img src="http://laing.jfm.co.nz/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://laing.jfm.co.nz/wp-content/uploads/2019/07/Laings-Escape-2-Construction.jpg" width="1024" height="768" class="sp-image" alt><noscript><img width="1024" height="768" src="http://laing.jfm.co.nz/wp-content/uploads/2019/07/Laings-Escape-2-Construction.jpg" class="sp-image" alt="" /></noscript><img src="http://laing.jfm.co.nz/wp-content/plugins/lazy-load/images/1x1.trans.gif" data-lazy-src="http://laing.jfm.co.nz/wp-content/uploads/2019/07/Laings-Escape-2-Construction.jpg" class="sp-thumbnail" alt="Laings Escape 2 Construction"><noscript><img class="sp-thumbnail" src="http://laing.jfm.co.nz/wp-content/uploads/2019/07/Laings-Escape-2-Construction.jpg" alt="Laings Escape 2 Construction"></noscript>	<div class="jet-slider__content sp-layer" data-position="centerCenter" data-width="100%" data-height="100%" data-horizontal="0%" data-show-transition="up" data-show-duration="400" data-show-delay="400">
		<div class="jet-slider__content-item">
			<div class="jet-slider__content-inner">

				<h5 class="jet-slider__title">Escape Range</h5><h5 class="jet-slider__subtitle">For Something Less Ordinary</h5><div class="jet-slider__desc">Escape the budget blues. Build a high end home without the price tag. </div>
						<div class="jet-slider__button-wrapper"><a class="elementor-button elementor-size-md jet-slider__button jet-slider__button--primary" href="#">VIEW GALLERY</a>						</div>
									</div>
		</div>
	</div>
</div>

Open in new window

Should you be charging more for IT Services?

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

ZeropointNRGHedge Fund Manager

Commented:
Just right click the part you want to search and inspect the element, then check all the images until one matches..
Terry WoodsIT Guru
Most Valuable Expert 2011

Author

Commented:
The code snippet you posted was from further down the page, in a slider where the image was meant to be displayed. Anyway, you still put me on the right track, so thanks!

The same image was configured into a Parallax Image setting for the Page Section, in the WordPress Elementor page editor.
ZeropointNRGHedge Fund Manager

Commented:
No problem. Nice website design! Good luck with it!

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial