Change width of columns on single product page

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

  • Avatar: 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.

    4 Answers
    Avatar: Rose Tyler
    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

    Avatar: MagineM
    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.

    Avatar: Rose Tyler
    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

    Avatar: MagineM
    MagineM
    Participant
    June 7, 2023 at 07:58

    That’s all. Thank you.

  • 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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.