Sparkling theme

Hi, I want on the archive page the product picture on top and the the product description full width.
I have two pictures uploaded: 1 how it is and 2 how i want it to be.

I googled for a week now and tried a lot of css but nothing is changing

Can anyone help me or give me a clue

Hi Richard,

I hope you are well today and thank you for your question.

Your both shared images display same for me so could you please tell me a bit more in detail about your requirements or share me the correct image so that i can help you?

Best Regards,
Movin

Hi Movin,

thx for the fast reply.
I uploaded the correct image

Richard

file was to big…made it smaller

I understood your requirements now which we can achieve developing custom CSS code.

Could you please share me the page URL from your site where it is displaying so that i can help you to achieve it?

poetsbureau.eu
richard
[email protected]/

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

.woocommerce.single-product #content div.product div.summary, .woocommerce.single-product #content div.product div.images{ width: 100%; float: none; clear: both; }

.woocommerce.single-product #content div.product div.images img{
width: auto;
}

Hi Movin,

this is working perfect!!!
Thank You

Just a minor question: if I want the product picture also be 100 % width
Can you give me a hint for the css?

Just a minor question: if I want the product picture also be 100 % width Can you give me a hint for the css?

You can just set larger product picture or change the following CSS code shared above

.woocommerce.single-product #content div.product div.images img{
width: auto;
}

To the CSS code shared below making width 100%.

.woocommerce.single-product #content div.product div.images img{
width: 100%;
}