Search Box instead of Icon

[hashur]

Hello: How can I change the search icon on the homepage to a small search box? This is my site: https://pdhsource.com/ Just like you did to this site, but I can't copy the code since its an image. https://prnt.sc/ocgyew Thank You  

[Steve]

Hello user, Here you can get the solution of your problem https://wplms.io/support/forums/topic/search-box-permanent-like-on-lynda-com/ Please try this and let me know. Thank you

[hashur]

Thank You Steve That worked, but not what I was looking for. 1- I like the sleek header style, not the standard. 2- That works only when you're logged in. 3- I like the search box to replace the search icon, in its location, not on top of the menu. 4- just like the search box in this pic (next to menu):  https://prnt.sc/ocgyew Thank You

[Steve]

Hello user, Sorry, there is no other option available. You can use this way, after that we can style your header for sleek looking. Thank you

[hashur]

Steve , Thank You How about: 1- Replace the search icon with the word "Search" or an image of a search box. 2- When you click on the search icon, you get the black box, with "hit enter to search", can we replace this with "Type your search phrase and hit enter to search". Thank You

[Steve]

Hello hashur Now, this I can do for you. Please put following code in wp-admin>WPLMS>Footer>Google Analytics <style> a#new_searchicon:after{ content: "Search" !important; }   i.fa.fa-search:before{ display: none !important; }   form#searchform input#s::placeholder { font-size: 65px !important; }   @media only screen and (max-width: 1700px) { form#searchform input#s::placeholder { font-size: 35px !important; } }   @media only screen and (max-width: 1070px) { form#searchform input#s::placeholder { font-size: 20px !important; } }   @media only screen and (max-width: 520px) { form#searchform input#s::placeholder { font-size: 11px !important; } }   </style> <script> window.onload = function() { document.getElementById('searchform').children[0].placeholder = "Type your search phrase and hit enter to search"; } </script> Hope this will solve your problem. Thank you  

[hashur]

Worked Fine Thank You Steve Topics can be closed  

[Diana]

@hashur, Thanks for confirming. closing the topic

[Author]

Posts