Isuue with dropdown variation layout

  • Resolved mschuessler

    (@mschuessler)


    3 years, 10 months ago

    Hi,

    I want to change the layout of the dropdown variations. Label text aligned left and dropdown boxes in block. I have found thise code:

    ___________________________

    `.woocommerce.single-product .product .summary .variations { width: 110%;}

    .woocommerce.single-product .product .summary .variations .radioSelectContainer > label {
    display: inline-block;
    margin: 5px 5px 0 0;
    text-align: left;
    }

    .woocommerce.single-product .product .summary .variations .reset_variations {
    margin-top: 15px;
    display: block !important;
    }

    .woocommerce div.product .summary .variations .label, .woocommerce-page div.product .summary .variations .label { width: 25%;}
    .woocommerce div.product .summary .variations .value, .woocommerce-page div.product .summary .variations .value { width: 70%;}

    .woocommerce .variations_form .variations { background: rgba(0,0,0,0); padding: 10px;}

    .woocommerce div.product .summary .variations .label { text-align: left;}
    ___________________________________________

    When being in the backend it looks good – but when only in the frontend it looks like this: https://www.schwepper.com/store/einsteckschloss-fur-zylinder-fallenausschluss-14mm-mit-kurbelfalle-komplett-edelstahl-gsv-nr-3811-z/

    Does anyone have an idea why the code is not being displayed properly in the frontend? Thanks

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

Viewing 6 replies - 1 through 6 (of 6 total)
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Isuue with dropdown variation layout’ is closed to new replies.