Dani Long

@utz119, also @paaljoachim – Did you know that it’s better for accessibility to not open in new tab or window? To be more WCAG compliant, just let links open in the same tab. People who use accessbility tools (like screen readers) can more easily go back when they’re done than close the tab and try to find the original page.

I didn’t know this, myself, until just last week. I am working on updating all my links to reflect this new knowledge.

You might need to clear caches. Your browser, on your mobile device, is probably showing a cached view of the page, not the updated one.

Michael, is there a way to write that more efficiently if you’ve got multiple colors? (I’m working with a palette of 10 colors).

Also, you’re using the ‘slug’ name (from the original code), yes?

And is this code added to Appearance > Customize > Additional CSS or to Theme Editor > style-rtl.css > /*end of file*/?

FWIW, I’m using Twenty-Twenty.

• This reply was modified 4 years, 7 months ago by Dani Long.
• This reply was modified 4 years, 7 months ago by Dani Long.
• This reply was modified 4 years, 7 months ago by Dani Long.
• This reply was modified 4 years, 7 months ago by Dani Long.

In full screen width, the Site Description, Menu, and Search are black. But in tablet or phone size, it’s reverts to white. What am I missing?

I’ve got this so far (and thanks for getting me this far!)
in Appearance > Customize > Additional CSS:

site-description {
color: #000000 !important;
}

.header-toggles .toggle {
color: #000000 !important;
}

.header-toggles .toggle, .search-modal > li > a {
color: #000000 !important;
}

.header-toggles .toggle, .menu-modal > li > a {
color: #000000 !important;
}

Thank you!! I have been looking high and low for two days for a fix to this!! Your suggestion was perfect. I was able to set the Menu-Modal and Search-Modal to black (#000000) but the header title was unchanged!! PERFECT!!