Introducing Search Styles in Astra!

Introducing Search Styles in Astra!

Have you been looking around for some stylish search options that look great and interactive on your website? Many of you even wrote to us asking whether we plan to introduce styles to replace the default Astra search box.

But now, we do! Yes, you can add a stylish search option that such as

  • The Slide search – It slides open a search box when you click on the search icon.
  • The Full-screen search – It covers the entire screen
  • The Header cover search – It covers the header
  • The Search box – A default search box if you would like to keep it as it is.

These styling options are currently available in the beta version 1.4.9 of the Astra theme and 1.5.0 of the Astra Pro addon. Please make sure you are using the latest version of the Astra theme and the addon to be able to use these styles.

You can take a quick look at the GIF below that shows how different search styles will look on your website.

What’s more to this?

Need to add search options anywhere on the page? We’ve introduced a few shortcodes that you can pick and insert anywhere on the page. These shortcodes work with specific parameters that allow you to select the style you wish to use. You can learn more about these search shortcodes in our knowledge base article.

What can you expect in the Stable version?

As mentioned above, this is just a beta version that we pushed for you to give it a try. We are constantly working on improving it and adding more options as required. You can expect the stable version of this update on Monday, i.e. 20th August 2o18.

With the newly introduced styles, you’ll be assured that you no longer need to see the default search box on mobile. Yes, once you are comfortable with the search styles on desktops, they’ll be made available for mobile too. Just a couple of days to go until you get the stable version to go live on your websites.

Give it a Try!

This is a beta release and we encourage you to try it your staging and development sites and let us know how you like it.

To get started, backup your website and follow the steps below:

  1. Download the beta versions of the theme and plugin from the member’s area.
  2. Delete the currently installed Astra theme and Astra Pro Addon plugin from your site. Don’t worry you won’t lose any data.
  3. Install the downloaded zip files in step 1, just like any WordPress theme and plugin.

That’s about it! If there are any improvements or features you would like to see in this update, please feel absolutely free to let us know. We look forward to see your favorite search styles go live on your website!

Cheers 🙂

Join 208,419 Subscribers

Get exclusive access to new tips, articles, guides, updates, and more.


  1. Thanks for the great articles. I’m using your search style and add it up on my website through shortcode where I could have more flexibility in placing my search box. Again thanks for the full screen style. really great job!

    1. This is not available as of now, I the future versions of the plugin we will be bringing this option for the header layouts.

  2. Hi, I have a question. If I have team members on the website, is it possible to have the search function, search only through the list of team members?

  3. Hi

    1. How can I change the text string “Search…” without using a plugin?
    2. How to limit the search result to post only?

    Thank you.

  4. Thanks so much for this!

    I am using the “Slide Search” style on a website.

    Question: What is the best way to increase the width of the search box when it slides out?

    I would love to get the box so slide out to about 500px 700px or so.

    About the last 15 sites we have done have all been Astra!

    Thanks! — Steven

    1. Hello Steven,

      You can do this by adding a custom width to the form element and making changes for the dropdown CSS.

      Please feel free to get in touch with us if you need any further help.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top

Exclusive Independence Day Sale!