Live Search on your website is an underappreciated usability function. It helps your visitors quickly access the desired content by giving results based on the input keyword and each letter typed into the form. With Newspaper Theme 9.5, you get access to a brand new shortcode: the Header Live Search. Add it straight into your header and give the audience a way to access different pages of your site.
What do you do with the Header Live Search feature?
The Website Manager is one of the core features of the 9.5 update of Newspaper Theme. With it, you can build and customize a websiteโs header from the ground up. Our team has created a series of shortcodes to accompany it. They give you the elements necessary for a fantastic layout.
Once you add the Header Live Search into the header, you give the audience the content they are searching for instantly. It pulls up articles, posts, pages relevant to the keyword helping them access it faster than ever before.
Thereโs a lot more to do with the Live Search:
- Each result displayed to your readers can be customized from adding padding to the meta info to resizing the featured image for the page.
- Create a search form that fits in with your siteโs appearance (give it a background color, add a placeholder text, and many more.)
- Add a hover animation over the results such as a shadow display or even a movement one.
Letโs dive right in and explore each possibility in detail!
Create the Header Live Search
Import a Header Template straight from the tagDiv Cloud Library. Now, whether youโve chosen to import a Template or create one from the ground up, donโt forget to customize them to fit in with the rest of your website. Keep the look uniform throughout the design process.
To start customizing the Header Live Search shortcode, find it in the tagDiv Composer and drag it into your Header if you havenโt done so already. Now click on it to open the settings tab. In the General Settings section, you can choose the icon that appears for the button. We advise using a magnifying glass as it is easily identifiable by the audience.
Click on the Show Search Form option to see how your Search Form looks. Adjust the Search Form width, the padding, border and its alignment for starters. You can also choose a text placeholder which appears in the form and then disappear as the user starts typing. Add margins, padding and type the text that appears on the button.
Customize the Header Live Search
In the Results Module settings, you can find options for how the results are displayed within the search form Box. The Modules per row lets you show multiple posts on a single row. This works well in case you want the Posts Limit to be a higher number. Add a hover animation for your modules in the Hover Effect drop-down menu.
The Meta info has many customization options: choose the padding, margins, hide or show different parts of it such as the Category, Author, Button, Date, Comment, and many more. Mix and match to see which works best for the vision you have in mind.
The Style settings are divided into different zones:
- The first section is the Search Icon. Choose the color of the icon, and if thereโs text that accompanies it, you can choose the font and color of it, too.
- Search Form is next, pick the background color, the arrow color, the borderโs color if you have a border. There are also input and button options.
- โThe View All Resultsโ is at the bottom of your form. This section can also be customized in the Style settings of the Search Results Box.
- The Search Results Module deals with all the fonts, shadows, colors of the Meta info and everything contained within the displayed results box.
With Newspaper Theme, youโve got virtually unlimited options available to you. Test out designs to find the one that works best with the rest of your website.
Conclusions
Use the Header Live Search to display search results in real time to the audience. This helps them find what they are looking for faster and thereby creating a good user experience. Design and customize the element to fit in perfectly with the rest of your content and website. Display as many search results as you want and adjust their size accordingly. Get creative with Newspaper Theme!
Use the comment box below to share your fabulous designs with us!
How Disable Live search in Newspaper theme. Please Help I want to remove that feature..
Hi,
Thank you for contacting us. Unfortunately, the blog is not assigned to the support team. For support, please open a new topic on forum.tagdiv.com / http://forum.tagdiv.com/forum/newspaper/ and provide all the details. Our expert team is ready to assist you ASAP.
Thank you!
How Disable Live search in Newspaper theme. Please Help I want to remove that feature same proble
Hi,
Unfortunately, this account is not assigned to our support forum and that’s why, if you need more technical assistance, you have to open a new support ticket at our support forum from here -> https://forum.tagdiv.com/forum/newspaper/ where you need to provide more details about your problem and we are ready to help you.
Best regards!
How to load fast newspaper theme without using extra plugin please guide me
Hi,
Please note that the speed of your website depends on how well your site is optimized. First of all, you will need to check the image size and try to optimize them if you want to bring good theme results. Also, note that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://tagdiv.com/how-to-increase-page-loading-speed/
Hope this helps!
Thank you for your understanding!
Thanks for providing this information
Hi,
We are glad to see happy customers!
This theme is awesome…great information…thanks dear
sir very nice article and i love it and keep it up
Hi,
Thank you for your feedback!
Best regards!
There is noticeably a bundle to find out about this. I assume you made sure nice points in options also.
Can i Newspaper Activate Theme Manually?
Hi,
Yes, you can try the manual activation from here -> https://www.screencast.com/t/EL4k48Lq
Thank you!
How to change font from one place to All in newspaper
Hi,
Unfortunately, the theme does not have any such an option that allows you to set the general theme font from one single place, sorry! You will need to check the settings for each element you use on the frontend.
Thank you!
Hi, I have put the Header live search but it is not working, if I click on search icon it shows nothing.
any solution please?
Hi Umar! Thank you for reaching out to us. Can you please include this information into a new email at contact@tagdiv.com or open a new topic on forum.tagdiv.com? Unfortunately, this is not the best area to get technical help, as it’s not assigned to the Customer Support Center. Thank you for understanding!
Thank you so much for this valuable information..
Hi,
Thank you for your appreciation!
Best regards!
sir very nice article. usefull thanks for sharing information
Hi,
Thank you for your appreciation!
How long have you been using this theme
I’m using Newspaper but how to update this plugin?
Hi Raghuveer,
Thank you for reaching out to us. Unfortunately, the blog account is not assigned to our support team. If you need technical assistance, please open a new topic at our support forum from here -> https://forum.tagdiv.com/forum/newspaper/ or via email at contact@tagdiv.com. Please provide all the details about your situation and our support team is ready to help you.
Thank you for understanding!
nyce sharing info,
its possible to customized fully theme plugins or not
Hi,
The theme can be easily customized if you will use the TD Composer and Cloud Library functionality. We do not recommend to alter the plugins through the code because you can break the functionality. Another alternative would be to use the child theme and add there which files you want to overwrite. Further, if you need more technical assistance, please open a new topic at our support forum from here -> https://forum.tagdiv.com/forum/newspaper/ and our experts are ready to assist you.
Thank you!
Best regards!
Well done brother
Great blog for every new blogger,
Thanks dear isr for sharing all the important stuff with us.
Superb Matka Result
Hi,
Thank you for your kind words!
Best regards!
Great blog for every new blogger,
Thanks dear isr for sharing all the important stuff with us.
Superb Kalyan King
Hi,
We are glad to see happy customers!
Thank you!
i love this feature but on some niche its annoying according to me is there any way to remove if yes then plz provide me
Hi,
Unfortunately, there is no option on a live search to remove the ajax results, this can be removed only from theme files -> https://i.imgur.com/ycCs2wu.png or if you want just to hide it you can use the code/CSS you mentioned.
Thank you!
Thanks for sharing this content. It was very nice content.
Hello,
We deeply appreciate your beautiful words! Thank you!
Warm regards!
Thanks for sharing this content. It was very nice content. this is a amazning post
Hello,
This is awesome, we love to hear your kind feedback, thank you!
Best regards!
Nice article. Thanks for this valuable information.
Hello,
Thanks for being our awesome customer!
Best regards!
Great article. Thank you for such a valuable information.
Great article. Thank you for such a valuable information.
Hi,
Thanks for your feedback.
Thanks for providing this information.
Hi,
Thank you. I’m glad to hear this!
Thanks for the sharing this informative article with us. Satta Matka
Hi Satta,
Great! Thank you for commenting ๐
Excellent post. Thanks for sharing this nice information with us.
Awesome article. Thanks for sharing this post.
Hello,
Thank you for your feedback.
Best regards!
Gratefully article keep it up
Hi,
Thank you for the nice feedback!
good post dear admin…
Thank you for your kind feedback!
Nice website
Hi,
Thank you!
My brother recommended I might like this blog. He was once entirely right. This submit actually made my day.
Hello,
We are glad to hear this from you.
Thank you for your feedback!
Best regards!
Are You looking for someone who can fix your quickbooks technical issues. well, i would suggest you to go to
Hello,
Thank you for reaching us but please note that our blog account is not assigned to our support forum. Further, if you need more technical assistance, please open a new topic at our support forum from here -> https://forum.tagdiv.com/forum/newspaper/ and we are ready to assist you.
Best regards!
THANKS FOR SHARING THIS VALUABLE INFORMATIONS TO US
Hello,
Please accept my thanks for your kind thoughts. We really appreciate them!
Best regards!
Hi all, my site is using the latest Newspaper X theme.
Ihave turn off 80×60 thumb size for several month. Now i know that using for live search (Quick Ajax search item hint)
Please tell me how to custom that size? Want change it to the recent exits size 100×70.
The theme default generator too many thumb size, so i must turn they off any size as i can to reduce space and number of files.
Thanks you
Nim
Hello,
If you want to turn off these thumbs please note that you can easily do from Theme panel, from here -> https://www.screencast.com/t/61QR3zAqCqsK If you need more technical assistance, please open a new topic at our support forum from here -> https://forum.tagdiv.com/forum/newspaper/ and we are ready to help you.
Best regards!
Really Nice & Very helpful Post.
Hi,
Thank you very much! Thatโs the feeling our team seeks for!
Warm regards!
Very useful information, I used news x theme for my new WordPress blog
Hello,
Thank you for choosing our theme and also, we are glad to see happy customers!
Best regards!
Thanks sir! You helped me a lot by this post. It is very helpful for the website.
Great news! Thank you for your kind words.
Such a great information sir. I have used a newspaper x theme that is really helpful to increase a blog speed
Hi,
Thank you for the generous thoughts! We are happy you are pleased using the theme!
Best regards!
Greetings Pretty helpful advice within this article. I am surprised by the details that you have posted in the article. I appreciate your hard work and thanks!!
Hello,
Thank you so much! We do our best to make it the best.
Best regards!
Dear sir its great information. Thank You for Sharing this. Please me for best template for my web Site
Hi,
Thank you for your feedback.
Best regards!
this is the best for my website
Great! Thank you for being our awesome customer, Reena <3
Informative piece of article. Thanks!!
You’re welcome! We are glad you’ve found it useful ๐
good work
Thank you!
That is a great article especially to those new to the blogosphere. Brief but very precise info. Thanks for sharing
Hi,
We are glad youโve accomplished that!
Best regards!
This is the Best Theme On WordPress
Thank you! <3
Loved the article. Thanks for this valuable information ๐
Hi,
Thanks for being our awesome customer!
All the best!
Thanks sir! You helped me a lot by this post. It is very helpful for the website.
Hi,
We are glad youโve accomplished that!
All the best!
Pls tell me, The news paper theme comes at $ 59, Pls let me know whether it can be put on life time, one time payment and unlimited website.
Hi! Thank you for your given interest. When you buy one theme license you will have it for a lifetime, with free lifetime updates. A single license can be used on one domain, according to the Envato policy from here – https://themeforest.net/licenses/standard. If you have more pre-sale questions, please drop them via email at contact@tagdiv.com and we’ll be happy to answer them. Thank you. Have a lovely day!
This is the Best Theme On WordPress i like it sir thank u devloper
Thank you, Imran for being our awesome customer!
Hi Alina,
I used Newspaper them for our all blogs, it is one of the best theme for WordPress bloggers.
Thanks
Aditi, thank you for being our awesome customer! We appreciate your kind words about our news theme <3
Are used newspaper theme in my one of the blog.
By the way great article thanks for sharing
Hi,
Thank you for your kind thoughts and words! We are delighted to discover that our work itโs appreciated the way you do. We truly value your feedback!
All the best!
Sir, I’m clumsy now Sagest me to a good theme for WordPress that is free and SEO friendly
Hi,
Thanks for your message! Please note that choosing the Newspaper theme is a good idea for your project. This is a powerful WordPress theme that offers a lot of functionalities. Also, it’s SEO friendly and it can be easily customized with SEO Yoast plugin.
All the best!
OMG this is what i was looking for thankyou
Great! We’re happy to see the information helped you ๐
Nice Post thank for sharing
Thank you!
How Disable Live search in Newspaper theme?
Hi,
If you want to have a basic search, then you need to use a cloud header -> https://tagdiv.com/newspaper-theme-customize-the-header-manager/ from tagDiv Cloud Library -> https://tagdiv.com/what-is-the-cloud-library/, edit it with tagDiv Composer, remove the live search and add the normal search -> https://i.imgur.com/2IzKYuK.png -> https://i.imgur.com/aHer1cG.png If you need more technical assistance, please open a new topic at our support forum from here -> https://forum.tagdiv.com/forum/newspaper/ and we are ready to help you.
All the best!
Thanks for Nice and Informative blog Post. This article is really contains lot more information about This Topic.
Thank you! ๐
I use the Newspaper theme for my blog. This post is really very helpful for me.
Thank you.
Thank you for choosing Newspaper theme for your blog! <3
great post thanks for sharing with us
shimmringstar
Hi,
We deeply appreciate your beautiful words!
Thank you!
This Is helpful for Our Reader , Thank You For Guide
Hi,
Thank you for your positive feedback!
All the best!
thanks for the information
Thank you sharing this great information.
Thank you, Vivek!
Great Content sir
Gratefully article keep it up
Thank you!
Very nice Post
Thank you for commenting, Rihan!
Hello, I am using newspaper theme for my website “allbeginners” but I am facing some issue with mobile. It is not responsive in mobile but in tablet and desktop working good.
And thanks for sharing Header Live Search feature with us. ๐
Hi,
I have checked your website on mobile and the layout of it it seems to be fully responsive, as you can see here -> https://www.screencast.com/t/aLsbXXHY If you need more technical assistance, please open a new topic at our support forum from here -> https://forum.tagdiv.com/forum/newspaper/ and we are ready to help you.
All the best!
Great article sir
How to load Fast Newspaper theme Please Suggest me. Need help
Hi,
Please note that the websiteโs speed is influenced by several optimization factors including the server, hosting, images, plugins, browser, and so on. You could check out our guide on How to Increase the Page Loading Speed – https://tagdiv.com/how-to-increase-page-loading-speed/. If you need technical help with our WordPress theme, please open a new topic on forum.tagdiv.com or send us an email at contact@tagdiv.com, and our support team can assist you. If you need custom optimization services to be implemented on your website, please address your inquiry here – https://tagdiv.com/submit-a-request/.
Thank you.
Stay Safe!
very unique and helpful article
Thank you for your kind feedback!
I use Newspaper theme. It is one of the best theme for WordPress bloggers.
Thank you for your consideration!
I am using Newspaper theme . I’m very satisfied with this theme.
Great! Thank you for choosing our Newspaper WordPress theme to build your website!
How to load Fast Newspaper theme Please Suggest me. Need help
Hi,
Please note that the speed of your website depends on how well your site is optimized. First of all, you will need to check the image size and try to optimize them if you want to bring good theme results. Also, note that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://tagdiv.com/how-to-increase-page-loading-speed/ If you need technical assistance, you can always ask our support team to help you. Furthermore, if you need custom functionality, we have a team assigned of web developers and web designers that can help you reach your goals (https://tagdiv.com/premium-customization-services/).
All the best!
All the best!
This is the best for all people. It’s vey helpful for all.
Thank you for your consideration!
Thanks for sharing this valuable information to us.
Thank you for sharing your kind thoughts with us ๐
I use the Newspaper theme for my blog. This post is really very helpful for me.
Great Rajesh! Thank you so much for using the Newspaper theme for your WordPress news website.
I am using Newspaper theme for my website, such a great theme ever thank u
Thank you for choosing Newspaper theme to design your website <3. We appreciate your kind words!
Thanks for sharing this valuable information to us.
Great Article!
wow your article so good i am happy and take knowledge article.
Thanks For This Great Article. May You Bring This More in Future.
Thanks for sharing this valuable information to us.
Thanks For This Great Article. May You Bring This More in Future.
thank you for sharing Your Blog.It Is Very usefull For Us.
Usually I never comment on blogs but your post is so convincing and I cant stop myself to say something about it. You are doing a great job, Keep it up, very helpful and informative post..
Hi,
Thank you for such great words! You have made our day ๐ One of our main goals is to please every customer!
All the best!
Nice post with a great quality of content. This is really helpful content. Thanks for sharing such a informative information ..
Hi,
Thank you for your appreciation.
All the best!
great work
This is beautiful thanks for sharing this wonderful information
Thanks Sir/Mam, Super Informative article Ever…i used News Paper Theme..
Thanks for sharing such a informative article on the Header Live Search Feature. I’m using news paper theme and it’s great
I use the Newspaper theme for my blog. This post is really very helpful for me.
Thanks for sharing this article