Change font color topbar (accessibility widget) and alignment logo on mobile

[Judith]

Judith

February 13, 2020 at 4:28 am

Hi there,

I’ve got 2 questions regarding a widget:
For the visual impaired my client would like to add a widget to the website to make the text bigger if they want.
This is there website.
I’ve added the Accessibility Widget to the topbar (left), but the font color is partially white, on a white background (you can’t see the text ‘Grote letters’). How can I change the font color?

I’ve already added this code in css:

.topbar-widget ul li a {
color:#000000;
}

.widget_accesstext ul{
list-style: none;
}

But this only makes the letters T (for normal en bigger text) black.
The second code I’ve added for removing a standard bullet that comes with it.

Also, when I look at the website on my phone I see that the logo is not aligned in the center, I think that’s because of the Accessibility Widget.

I hope you can help me to solve this problem,

Thanks in advance for your reply!