Site logo

Archived topic

Change color sidebar icon

9 replies · Started by _blank on March 15, 2023

Viewing posts 1–10 of 10

Hi,

how can I change the color of this magnifying glass icon? The color does not change by setting different colors for the container in the sidebar.

Please see: https://prnt.sc/6I4v0MiNVy2n

Best wishes
Lucas

Hi Lucas,

You can use the color setting at customizer > colors > buttons to control it.

The element is in the side bar of a single post page.

Please have a look at the link in the private information field.

The button has this has-text-color class which sets the text color to var(--text);.

The icon inherit the text color, and it overrides the customizer color setting.

Can you try setting the search block's text color to white?

Sadly, that did not work.

I changed the color to white and it showed correctly in the block editor but not at the front end.

Block editor

Front end

Hi there,

try adding this CSS:

.has-weiss-color {
    color: var(--weiss) !important;
}

Hi,

this worked. Thank you very much.

Glad to hear that !

This archived topic is closed to new replies.