Change blue color of form-row

  • Resolved scopicindia

    (@scopicindia)


    7 years ago

    First check this image – https://imgur.com/a/rvoQP

    I want to change that blue color into #81d742 which is in background of India or while selecting.

    <p class=”form-row form-row-wide”>
    <div class=”select2-container country_to_state country_select”>

    Its a woocommerce shipping calculator. But I want to applied on whole site.

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello,

    If you want to target all of the select2 dropdowns this is what you could use:

    .select2-results .select2-highlighted { background-color: #81d742 ; }

    This will change the background color of any either selected or on-hover option.

    You can add this css rule by going to Appearance -> Customize -> Additional CSS.

    Thread Starter scopicindia

    (@scopicindia)

    @xkon Thanks, a lot I just modified it to –
    .woocommerce .select2-results li.select2-highlighted,
    .woocommerce-page .select2-results li.select2-highlighted {
    background: transparent !important;
    color: #81d742 !important;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change blue color of form-row’ is closed to new replies.