Topic: Style woocommerce product

Tagged: x

Author

Posts
January 31, 2017 at 6:07 am #1352148

TomasJarvling
Participant

Hi.
I have added a composite product in woocommerce and I was wondering if it is possible to style the products featured image?
I would like to keep it smaller so that the actual content of the composite details takes a larger portion of the screen ( see the attached picture)

Tomas

January 31, 2017 at 7:27 am #1352206

Darshana
Moderator

Hi there,

Thanks for writing in! To assist you with this request, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

January 31, 2017 at 9:24 am #1352334

TomasJarvling
Participant

Sorry. The url is: http://www.antoniofiorelli.se
The product in question is on this page: http://www.antoniofiorelli.se/stegforsteg/ but you need to be logged in to access it.
Do you want me to create a user for you?

Tomas

January 31, 2017 at 11:57 am #1352553

Rupok
Member

Hi Tomas,

Your site seems accessible but can’t see such products. If we need to login to see that then provide your credentials.

Cheers!

January 31, 2017 at 12:02 pm #1352559

TomasJarvling
Participant

This reply has been marked as private.

January 31, 2017 at 10:24 pm #1353170

Rupok
Member

Hi Tomas,

Thanks for the credentials but it’s not working. Would you check and confirm the credentials?

Cheers!

February 1, 2017 at 12:16 am #1353256

TomasJarvling
Participant

This reply has been marked as private.

February 1, 2017 at 3:17 am #1353377
Paul R
Moderator
Hi Tomas,

You can add this under Custom > Edit Global CSS in the Customizer.
```
.woocommerce div.product .summary {
    width: 68%;
}

.woocommerce div.product .images {
    width: 28%;
}
```
You may change the width to achieve your desired look.

Hope that helps.
February 1, 2017 at 3:38 pm #1354280

TomasJarvling
Participant

perfect. thanks

February 1, 2017 at 9:58 pm #1354709

Lely
Moderator

You’re welcome Tomas!

Cheers!
Author

Posts

<script> jQuery(function($){ $("#no-reply-1352148 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>