Sparkling theme

Sparkling
1

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

2

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

3

Hi Movin,

thx for the fast reply.
I uploaded the correct image

Richard

4

file was to big…made it smaller

5

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?

6

poetsbureau.eu
richard
4011@ric1232/

7

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;
}

8

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?

9
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%;
}