Archived topic
Change color sidebar icon
9 replies · Started by _blank on March 15, 2023
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.
Any chance you can link us to the page in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
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.
Hi there,
try adding this CSS:
.has-weiss-color {
color: var(--weiss) !important;
}
Hi,
this worked. Thank you very much.
Glad to hear that !