Hello!
I recently bought the lifetime version of Bricks and managed to translate it into Hungarian.
I placed a full-screen search button next to the menu in the header, it worked, but I can’t change the color of the X button/icon in the upper right corner of the search panel.
What is the way to do this?
I am attaching a screenshot.
best regards and thanks in advance!
Zoltán
After a bit of investigation, I figured out what needed to be changed, but I see that the code is available in a min.css file, which is difficult to manage.
Thew color to be changed is #616161 (see at bottom), needed #ffffff
My question: if I move the given min.css file to the brick-child theme, can it be overwritten there?
Thank you in advance!
.bricks-search-overlay {
...
color: var(--bricks-text-medium);
...
}
root {
...
--bricks-text-medium: #616161;
...
}
Solved manually with bacup the changed files.
wp-content/themes/bricks\assets/css/admin.min.css
wp-content/themes/bricks\assets/css/frontend-light.min.css
wp-content/themes/bricks\assets/css/frontend.min.css
change #616161 to #ffffff
Custom CSS in the Search Element works.
%root% .bricks-search-overlay .close {
color: #ffffff;
font-size: 60px;
}
Thank you very mucj for your response!