Problem with a dropdown country during checkout

  • Hi everyone,

    I’m using Astra theme and Elementor Pro Checkout Widget, and I’m customizing my checkout page to match a dark theme.
    However, the country dropdown menu shows up with a white background and white text, which clashes with the rest of my design.

    https://i.postimg.cc/pd6sQ5gW/Screenshot-2024-11-02-at-15-38-06.jpg

    I’d like the dropdown to have a black background with white text to fit the dark theme. I haven’t been able to achieve this with the usual settings.
    So far I tried different CSS customisations, but none of them worked.

    What’s strange – I got a glitch with a dropdown color which would be perfect, but it was for around 2 seconds. Not sure whether it was dark theme of my device, but such option would be perfect .

    Glitch: https://i.postimg.cc/yxFnzQWx/Screenshot-2024-11-02-at-15-38-03.jpg

    Any guidance on how to make this change would be greatly appreciated! Thanks!

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.