Return to previous page

Change width of columns on single product page

This topic has 5 replies, 2 voices, and was last updated 11 months ago ago by MagineM

MagineM

Participant

June 5, 2023 at 11:34

Hi,
What is the best way of changing the columns widths on the single product page in Legenda? Currently it seems to be set to 50/50 setup. I want to change it to 70/30 or something like that.

#358629 Copied Theme version: 4.4.0 WooCommerce version: 7.7.2

4 Answers
Rose Tyler

Support staff

June 6, 2023 at 10:44
Hello, MagineM,

Thank you for getting in touch with us.

Try to add the next code in Theme Options > Custom CSS > Custom CSS for desktop:
```
.single-product .content-area .span7 {
    width: 70%;
}
.single-product .content-area .span5 {
    width: 25%;
}
```
Kind Regards,
8theme team
#358711 Copied
MagineM

Participant

June 6, 2023 at 13:18

Hi,
Thanks for the reply. I eventually changed the span value in the template. The original value was span6 / span6. So I changed it to span7 / span5. This seems to have done the trick.

#358724 Copied

Rose Tyler

Support staff

June 7, 2023 at 07:16

Hello, MagineM,

Is there anything else we can help you with?

Kind Regards,
8theme team

#358779 Copied

MagineM

Participant

June 7, 2023 at 07:58

That’s all. Thank you.

#358783 Copied
Tagged: column width, customize, layout, single-product page, theme, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Change width of columns on single product page’' has been successfully resolved, and the topic is now closed for further responses

Change width of columns on single product page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection