Colors expanded Currency switcher

  • Posts: 72
  • Thank you received: 5
  • Hikashop Business
9 months 6 days ago #358535

I want to adjust the color and the background color of the expanded Currency switcher, both for the white space at the 1st arrow and the blue part at the 2nd arrow. See screenshot.
Which selectors should I use to adjust this?

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82683
  • Thank you received: 13337
  • MODERATOR
9 months 6 days ago #358537

Hi,

We would first need to know where you are with the CSS to be able to say what you're missing.

I suppose you just want to add some CSS like this:
select option { color: black; }
But that should already be the case by default. So it tells me that this display issue is linked to the CSS already added to the select and thus I need to look at the page and analyze the CSS to say what's wrong exactly.

So could you provide the URL of that page ?

Last edit: 9 months 6 days ago by nicolas.

Please Log in or Create an account to join the conversation.

  • Posts: 72
  • Thank you received: 5
  • Hikashop Business
9 months 5 days ago #358552

www.test.megiq.com/

Thanx in advance!

Please Log in or Create an account to join the conversation.

  • Posts: 82683
  • Thank you received: 13337
  • MODERATOR
9 months 5 days ago #358553

Hi,

So the issue comes from:

.hikashop_currency_module select {
    padding: 2px;
    border: 0px solid #ddd;
    border-radius: 3px;
    background: none;
    color: #fff;
}
which you've added to www.test.megiq.com/templates/g5_helium/custom/scss/custom.scss
The white color there applies to the select, and this includes the options inside it.
So, to avoid that, you can add after it this code:
.hikashop_currency_module select option{
    color: #000;
}

The following user(s) said Thank You: mlehr

Please Log in or Create an account to join the conversation.

Time to create page: 0.069 seconds
Powered by Kunena Forum