Drop Down Boxes for Addresses

  • Resolved colourcascadefabrics

    (@colourcascadefabrics)


    3 years, 6 months ago

    HI, The drop down boxes at checkout where you choose state, country are all white, you can only see the writing by scrolling over the boxes, how can I fix this? I need people to be able to clearly see the options. It seems the writing is white as well as the background

    All product dropdown boxes are working fine, this is only happening at checkout on both mobile and desktop devices

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Stuart Duff – a11n

    (@stuartduff)

    Automattic Happiness Engineer

    Hi @colourcascadefabrics,

    Looking at the site for you it seems that the colour for the text within the dropdown has been set to white with some CSS. Adding this CSS below to your site will change that to black after testing. 

    
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    color: #000 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default  {
    color: #000 !important;
}

    Image Link: https://cloudup.com/cSNVqIb3g9B

    Image Link: https://cloudup.com/cyODUy5lJGc

    You can add CSS to a site by navigating to WordPress Admin > Appearance > Customize > Additional CSS

    Thread Starter colourcascadefabrics

    (@colourcascadefabrics)

    Thanks so much! That fixed it!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Drop Down Boxes for Addresses’ is closed to new replies.