Adding border to color group buttons

  • Resolved 7case

    (@7case)


    3 years, 6 months ago

    Hi,

    I want to add borders to the color group buttons. I try this via CSS:

    .wcpa_form_outer .wcpa_form_item .color-group .wcpa_color label span.wcpa_clb_border {
    border: 7px solid #222;
    }

    But both of the buttons change with this. How can I do this for each button separately?

    https://www.7case.nl/product/plane-ticket-x-psg/
    password: PSG

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

Viewing 1 replies (of 1 total)
  • Plugin Support Acowebs Support Team

    (@ashwinacodez)

    3 years, 6 months ago

    Hi,

    You can change the border style of the color group buttons using below css selectors separately
    .wcpa_form_outer .wcpa_form_item .color-group .wcpa_color label span.wcpa_clb_border {
    border: 7px solid #222;
    }

    .wcpa_form_outer .wcpa_form_item .color-group .wcpa_color label span.disp_squircle {
    border: 7px solid #666;
    }

    And you can style the selected color group buttons as follows
    .wcpa_form_outer .wcpa_form_item .color-group.wcpa_sel_type_tick input:checked+label span {
    border: 7px solid transparent;;
    }

    Note: Please don’t forget to customize the color code as you want before using this in the CSS code file.

    Thank you

Viewing 1 replies (of 1 total)
  • The topic ‘Adding border to color group buttons’ is closed to new replies.