asked on

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

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

ASKER CERTIFIED SOLUTION

ZeropointNRG

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Terry Woods

ASKER

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

ZeropointNRG

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

ZeropointNRG

Just right click the part you want to search and inspect the element, then check all the images until one matches..

Terry Woods

ASKER

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.

ZeropointNRG

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