In-page dropdown menu colors mess up content

  • Resolved 203X

    (@ryder203)


    2 years, 7 months ago

    Hi.
    I use Astra with Woocommerce and done a lot of testing lately before going online.
    I got Astra configured to give the site an all black look. At Woocommerce customer account adress settings customers can choose the state of the federal republic of Germany, but the content is messed up and I don’t find settings for it, and was unable to tweak the CSS. I need to change the font to a darker color, but keeping the font white for all other stuff (because of the black background)… Any help? *sigh* Thanks fellas.

    Screenshot: https://ibb.co/q9FWQ7W

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

Viewing 1 replies (of 1 total)
  • Thread Starter 203X

    (@ryder203)

    I found the solution for my page…

    body span.select2-selection.select2-selection--single {
    background: #ffffff;
    border-color: #ffffff;
    color: #666666;
}

body span.select2-selection.select2-selection--single .select2-selection__rendered {
		color: inherit;
}

body .select2-dropdown,
body .selectBox-dropdown-menu {
    background: #ffffff;
	  color: #666666;
	  border-color: #ffffff;
}
 
.select2-container--default .select2-results__option--highlighted[aria-selected],
 
.select2-container--default .select2-results__option--highlighted[data-selected] {
     background: #c62828;
}

    Result:
    https://ibb.co/jhNth93

    • This reply was modified 2 years, 7 months ago by 203X.
Viewing 1 replies (of 1 total)
  • The topic ‘In-page dropdown menu colors mess up content’ is closed to new replies.