search box

Posted in: Newspaper
Post count: 19

Hi,
I need to implement a big search box like this one (at the beginning of the website) http://www.greenmedinfo.com/
and can’t know how to do it. Should I use a specific TagDiv Composer box or write code?

Thank you a lot.

Post count: 35449

Hi,

Sorry but in theme we don’t have yet such option , but you can use a plugin, you can chose one from here ( https://colorlib.com/wp/search-plugins-for-wordpress/ ) if you like one.

Thank you for your understanding.

Post count: 19

Ok, thanks for your quick reply and for the plugins 🙂

Post count: 35449

If you will like to have something like this https://www.screencast.com/t/v2Sammun

Then go in Appearance drag/set the search in a widget ( https://www.screencast.com/t/yp5PatsAmH ), open the page you like to have the big search , drag a row at the top o page ( https://www.screencast.com/t/xXhuLzmIib ) drag a widget sidebar ( https://www.screencast.com/t/7dauAKqNW ), after you do that click on the widget you drag and set the side bar ( https://www.screencast.com/t/F23DKtO7nbe ) save the page and view the page ( https://www.screencast.com/t/v2Sammun
).

Only if you want this look for your search box.

Post count: 19

Ok Calin, I’ll try both, plugins and widget. I want to have a trasparent background, not classic white.
Thaks a lot!

Post count: 35449

Hi afterKa,

Please provide your url (or some screenshots), in that way I can test my self and give you a proper advice.

Thank you for your understanding.

Post count: 19

really thanks!
my site is http://www.afterKa.com, I’m working to change the home page, below two screenshots about first rows for the new Home page (still not online)
https://drive.google.com/file/d/1LQos5q3NNasBwbqd7HV–g9_VGSq6Q2s/view?usp=sharing
https://drive.google.com/file/d/1_jTufOfoRzg-YbsbWfnhkBNZ_G_KXJeo/view?usp=sharing
(hope you can open them).
The rusult I would like to achieve is something like the http://www.greenmedinfo.com box. I would like to display “Search a Topic” on the bar but with a trasparent style (as in the above screenshots) or with a white backgroud but with a little % of opacity (too white is shocking 🙂 ). I tried to copy the “codes” from greenmedinfo and the results was not bad but the search command doesn’t work, of course.
To not download another plugin, in my opinion, I can create the search box with the widget section, as you suggested me.

  • This reply was modified 7 years by afterKa.
  • This reply was modified 7 years by afterKa.
Post count: 35449

Hi afterKa,

If you like this https://www.screencast.com/t/z8qvuLDvz
please copy the code from here make a new page, select the template Pagebuilder + Empty page , no sidebar ( like this https://www.screencast.com/t/ExqtbZmnEO ), copy this custom css in newspaper>theme panel >custom code >custom css code:

#s{
height: 50px;
border-radius: 50px;
font-size: 18px;
padding: 0 20px;
}
#searchsubmit{
display:none;
}

https://www.screencast.com/t/qIbe7gwNOqk

Create a new sidebar widget (look here how to create ), name “search” and drag the search in it https://www.screencast.com/t/A9HXg3sLtS

After that set the page from homepage
https://www.screencast.com/t/kLllXEmPGfO

Thank you.

  • This reply was modified 7 years by Calin.
Post count: 19

this is great!
I’ll do it and let you know.
Many many thanks for you support and help!

Viewing 9 posts - 1 through 9 (of 9 total)
The forum ‘Newspaper’ is closed to new topics and replies.