Template: Fusion Search Field Hoover And Underline Color
Michael
Hello
I just installed the great new template Fusion and installed. I also already modify the template to our needs but now strugeling on one point.
I changed all hoover and text colors but the search field not apply this. It is the hoover that is still white and when I click in the search field there is a light blue bottom bar.
It is not only on the top menü, it is also in the search field when you did the search.
How can I change this? I search for hours in the css files but not find it.
You can see the problem on my website rental.guru. https://rental.guru/index.php/component/finder/search?q=dghrfdtgh&Itemid=101
Many thanks for your help.
Mehtaz Afsana Borsha
Accepted AnswerUse this custom CSS
body .sppb-form-group .sppb-form-control:focus, body .sppb-form-group .sppb-form-control:hover, body .sppb-form-group .sppb-form-control:active, body .form-control:focus, body input:not(.form-control)[type="text"]:focus, body input:not(.form-control)[type="email"]:focus, body input:not(.form-control)[type="url"]:focus, body input:not(.form-control)[type="date"]:focus, body input:not(.form-control)[type="password"]:focus, body input:not(.form-control)[type="search"]:focus, body input:not(.form-control)[type="tel"]:focus, body input:not(.form-control)[type="number"]:focus, body select:not(.form-control):not(.form-select):focus, body .form-control:hover, body input:not(.form-control)[type="text"]:hover, body input:not(.form-control)[type="email"]:hover, body input:not(.form-control)[type="url"]:hover, body input:not(.form-control)[type="date"]:hover, body input:not(.form-control)[type="password"]:hover, body input:not(.form-control)[type="search"]:hover, body input:not(.form-control)[type="tel"]:hover, body input:not(.form-control)[type="number"]:hover, body select:not(.form-control):not(.form-select):hover, body .form-control:active, body input:not(.form-control)[type="text"]:active, body input:not(.form-control)[type="email"]:active, body input:not(.form-control)[type="url"]:active, body input:not(.form-control)[type="date"]:active, body input:not(.form-control)[type="password"]:active, body input:not(.form-control)[type="search"]:active, body input:not(.form-control)[type="tel"]:active, body input:not(.form-control)[type="number"]:active, body select:not(.form-control):not(.form-select):active{
color:#11766c !important;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active>a {
color:#11766c !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li {
color:#11766c !important;
}
.offcanvas-menu .offcanvas-inner a {
color:#11766c !important;
}
.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
color:#11766c !important;
}Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me a screenshot of your issue?
-Regards.