Canvas Support

color of language drop dowm in header

3 replies · opened Jun 7, 2023

Ddendaashans-peterJun 7, 2023

Hello,

I would like to change the color of the text of the language dropdown in the header. Now the contrast with the image is to low.

What can I do?

Thank you,

Hans-Peter

SSemicolon WebSTAFFJun 8, 2023

Hello,

Highly recommend you to use this code instead:
[ch_pre]

EN


attachment
FR

attachment
DE

attachment
IT


[/ch_pre]

Better accessibility and more responsive, so will result in better UX.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ddendaashans-peterJun 8, 2023

Thank you!

I prefer much smaller icons and dropdown on hover instead of on click. That was the reason I miss-used the topbar version I found somewhere.

Is that possible?

SSemicolon WebSTAFFJun 9, 2023

Hello,

Yes, absolutely this is possible! :)

  1. Use this CSS in the css/custom.css File:
    [ch_pre type="css"].top-links {
    --cnvs-topbar-border-size: 1px;
    --cnvs-topbar-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
    --cnvs-topbar-submenu-padding: 0.625rem;
    --cnvs-topbar-submenu-font-size: 0.75rem;
    }[/ch_pre]

  2. Use this HTML:
    [ch_pre]

[/ch_pre]

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard