woocommerce product add-on border input box

  • jladkins0824

    (@jladkins0824)


    2 years, 11 months ago

    First, you must make a selection from all the dropdowns, then my product add-ons will show up underneath. You will see “Paint Color Selection”. Open up the accordion and there are two input boxes that you can’t see unless you hover over them. So, I would like to add a border around the input boxes. I’ve tried the below code, but it does not work.

    .zaddon_text zaddon_option  Input#zaddon_35 {
padding: 10px;
border: 1px solid #b4cc50;
margin: 2em 0 !important;
}

    I have very limited coding knowledge, so any assistance is welcome!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • George Appiah

    (@gappiah)

    2 years, 11 months ago

    I’ve tried the below code, but it does not work.

    Doesn’t work due to errors in your selector (what comes before the opening curly bracket). I’ve correct the selector part of the code for you below. 

    .zaddon_text.zaddon_option input {
padding: 10px;
border: 1px solid #b4cc50;
margin: 2em 0 !important;
}

    But the selector aside, the design you’re using (the code inside the curly brackets) adds excessive (and arguably, unnecessary) empty spaces above and below the input box. I would rather just add the border and leave out the margins and paddings, as below:

    .zaddon_text.zaddon_option input {
border: 1px solid #b4cc50;
}

    Good luck!

    Thread Starter jladkins0824

    (@jladkins0824)

    2 years, 11 months ago

    That works perfectly. Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘woocommerce product add-on border input box’ is closed to new replies.