• Resolved sercai

    (@sercai)


    Hello,

    I have added some checkboxes for testing but it broke the layout of the page. And in the mobile version, not all checkboxes options are visible.
    Can you please help me on how I can wrap the content (Have 3 per line for example)?

    Thanks,

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author ThemeHigh

    (@themehigh)

    Please try adding the below style in your theme’s Additional CSS.

    .thwepo-extra-options td.label.abovefield label.custom_class {
        display: block !important;
        float: left;
        width: 100%;
        text-align: left;
    }
    
    .thwepo-extra-options td.label.abovefield label.custom_class:nth-child(3n+3) {
        clear: both;
    }

    Please provide a class name in the Label Class of your checkbox Group field and replace custom_class in the above style with the class name that you have provided.

    We hope this helps.

    Thank you!

    Thread Starter sercai

    (@sercai)

    Lovely thanks.

    Is it possible to have 2 columns instead of one to make it shorter ? Like the ingredients to the left and the sauce to the right in this example ? Or maybe make them Collapsable-Expandable ?

    Plugin Author ThemeHigh

    (@themehigh)

    On checking your website, we are not able to see our fields on the product page. Could you please share us with your exact requirement with the help of a screenshot?

    Thank you!

    Thread Starter sercai

    (@sercai)

    Hello,
    Sorry I fixed the issue. The link is working now.
    You will see that the lists of ingredients and sauces can be long, specially on mobile. So I was wondering if they can be shown in 2 columns; ie ingredients to the left and sauces to the right.

    Plugin Author ThemeHigh

    (@themehigh)

    Your requirement needs a detailed check. Could you please raise a ticket through our website? We hope our technical team will be able to help.

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Styling product page with checkboxes’ is closed to new replies.