Change product gallary image

hey
i am using Niche demo in generatepress but i dont like the look of product gallery images on single product page. And i want to show the images like this.(image link)
Also please provide me the css code if needed.

Hi there,

you will need to make a couple if edits:

1. Go to Appearance > Elements and DELETE the following Elements:

Gallery Stack
Close Summary Wrap

2. Go to Customizer > Additional CSS and DELETE the following CSS:

/* Stacked Gallery for desktop and sticky summary */

@media (min-width: 769px) {
	.woocommerce-product-gallery {
		display: none;
	}

	.woo-summary-wrap {
		display: grid;
		grid-template-columns: 60% 40%;
		grid-template-rows: auto;
		margin-bottom: 80px;
	}

	.woo-gallery-stack {
		grid-column: 1;
		grid-row: 1 / 3;
	}

	.woo-gallery-stack img {
		margin-bottom: 20px;
	}

	.woocommerce-tabs {
		grid-column: 1;
	}

	.woocommerce div.product div.summary {
		grid-column: 2;
		grid-row: 1;
		margin-left: 80px;
		position: -webkit-sticky;
		position: sticky;
		top: 105px;
		bottom: 100px;
		padding-right: 80px;
	}

	.single-product span.onsale {
		position: absolute;
		top: 0;
	}
}

its work
thanks for helping

Glad to hear that!