Comments csiscommunications started the conversationJanuary 29, 2024 at 9:19pmI need to customize the color of the search bar in a custom header/top menu, but I'm not seeing any options. Am I missing something? How can I accomplish this?I also note that the "Submit" button is not appearing properly. 5,055Michael repliedJanuary 30, 2024 at 8:11amHi,Please specify which colors you want to use and we will help you change them with custom code.csiscommunications repliedJanuary 30, 2024 at 2:44pmBorder and outer area: #A31F15Text box: white with typed text in black and the border in #F9F9F9. The "Search..." placeholder should also be black."Submit" in #A31F15 with a hover to black.Please let me know if I've missed anything. 5,055Michael repliedJanuary 31, 2024 at 7:15amI've added this CSS:Please check your site now.csiscommunications repliedJanuary 31, 2024 at 7:35pmLooks good!One item I missed: when the search box is open, the close "X" is a light blue. Can we change that to white? 5,055Michael repliedFebruary 1, 2024 at 8:55amThis setting affects the color of the icon.WeatherManNX01 repliedFebruary 1, 2024 at 2:28pmThanks!WeatherManNX01 repliedFebruary 1, 2024 at 5:20pmHi, another color question, if it's all right to use the same ticket.I'm trying to change the color of the text in a closed accordion so that it's white on a colored background. I used the custom code listed at https://docs.codex-themes.com/article/380-toggles-accordion, but the text is still black.The page in question is https://michaelh497.sg-host.com/congregations/dwelling/WeatherManNX01 repliedFebruary 1, 2024 at 8:00pmAlso changing the accordion +/- icon colors, if possible (+ to white, - to black).csiscommunications repliedFebruary 1, 2024 at 8:03pmSorry, looks like I was logged into my personal account instead of my work account. Those are indeed my question. :) 5,055Michael repliedFebruary 2, 2024 at 8:13ampls. use following css: body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a { color: #fff; } body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_active .vc_tta-controls-icon::before { border-color: #000 !important; } Sign in to reply ...
I need to customize the color of the search bar in a custom header/top menu, but I'm not seeing any options. Am I missing something? How can I accomplish this?
I also note that the "Submit" button is not appearing properly.
Hi,
Please specify which colors you want to use and we will help you change them with custom code.
Border and outer area: #A31F15
Text box: white with typed text in black and the border in #F9F9F9. The "Search..." placeholder should also be black.
"Submit" in #A31F15 with a hover to black.
Please let me know if I've missed anything.
I've added this CSS:
Please check your site now.
Looks good!
One item I missed: when the search box is open, the close "X" is a light blue. Can we change that to white?
This setting affects the color of the icon.
Thanks!
Hi, another color question, if it's all right to use the same ticket.
I'm trying to change the color of the text in a closed accordion so that it's white on a colored background. I used the custom code listed at https://docs.codex-themes.com/article/380-toggles-accordion, but the text is still black.
The page in question is https://michaelh497.sg-host.com/congregations/dwelling/
Also changing the accordion +/- icon colors, if possible (+ to white, - to black).
Sorry, looks like I was logged into my personal account instead of my work account. Those are indeed my question. :)
pls. use following css:
body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a { color: #fff; } body .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_active .vc_tta-controls-icon::before { border-color: #000 !important; }