Return to previous page

Top Bar Currency Convert Dropdown Color - by Al

This topic has 4 replies, 3 voices, and was last updated 7 years ago ago by Rose Tyler

Al

Participant

November 5, 2017 at 15:30

Hi there,

I am using a currency converter widget in the top bar, and even though the color of the text in the top bar is set to dark and only the home page has it set to light, on all pages the dropdown button button is white. Therefore, even when all the other text is black, the dropdown button is hidden. I noticed, however, that when you load the page, at first it flashes black but turns white after the whole page loads. I tried deactivating WP-Rocket plugin, but this did not solve the issue.

I looked in the code and noticed there was something in style.css with the code:
.topbar-widget div.fancy-select div.trigger:after {
border: 4px solid transparent !important;
border-top-color: #fff !important;
right: 0;
}
and border-top-color was the reason why it was showing up as white.

Please get back to me as soon as you can (see screenshots in private content).

Thanks.

Please, contact administrator
for this information.

#176817 Copied Theme version: 4.11 WooCommerce version: 3.2.3

3 Answers

Amzy Leel

Participant

November 6, 2017 at 04:27

Hi,

your language switcher works as you expect.
check the screenshots in the private content area.

it should be cache/cdn issue.
hard clear your browser cache and check.

Regards,

Please, contact administrator
for this information.

#176823 Copied

Al

Participant

November 6, 2017 at 14:26

Hi Amy,

I can’t see your private content… only administrators can see it.

I cleared my cache both locally and on cloudflare / my caching plugin. In my original post, I also already mentioned that I tried even disabling my caching plugin, but this solved nothing.

I’m also afraid you are misunderstanding the issue. The currency conversion plugin works, but something is setting the dropdown bar to white even when the top bar color is set to dark.

#176896 Copied
Rose Tyler

Support staff

November 6, 2017 at 14:45
Hello,

Please try to clear cache and then check.
If problem doesn’t solve, try to add this code in Theme Options > Styling > Custom css:
```
.header-color-dark .topbar-widget div.fancy-select div.trigger:after {
    border-top-color: #4b5468 !important;
}
```
Regards
#176900 Copied
Viewing 4 results - 1 through 4 (of 4 total)