Title: Inline Button?
Last modified: November 8, 2018

---

# Inline Button?

 *  [thehypetype](https://wordpress.org/support/users/thehypetype/)
 * (@thehypetype)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/inline-button/)
 * Hi There,
 * I’ve used the below code to add a search button, but its appearing underneath
   the search field. How can i get it so it sits just to the left of the search 
   field inline? I’ve stripped all my themes css away and still cant work it out.
   Currently using the storfront theme.
 * `add_filter(‘aws_searchbox_markup’, ‘aws_searchbox_markup’);
 * function aws_searchbox_markup( $markup ) {
    $pattern = ‘/(<input\s*type=\”text\”.*?\/
   >)/i’; $markup = preg_replace( $pattern, ‘${1}<button class=”aws-icon”>Search
   </button>’, $markup ); return $markup; }

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [ILLID](https://wordpress.org/support/users/mihail-barinov/)
 * (@mihail-barinov)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/inline-button/#post-10862760)
 * Hi,
 * Please try to add following styles to your theme style.css file
 *     ```
       .aws-container .aws-search-form {
           display: flex;
           align-items: stretch;
       }
   
       .aws-container .aws-search-form .aws-icon {
           order: -1;
       }
       ```
   
 *  Thread Starter [thehypetype](https://wordpress.org/support/users/thehypetype/)
 * (@thehypetype)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/inline-button/#post-10868144)
 * Thanks ILLID that did the trick.
 * Only this places the search on top of other items in my nav bar as appose to 
   inline with them.
 * also the magnifiyng glass and clear button are thrown out of alignment, sorry
   to be a pain just think having it lined up is a very handy feature.
    -  This reply was modified 7 years, 7 months ago by [thehypetype](https://wordpress.org/support/users/thehypetype/).
    -  This reply was modified 7 years, 7 months ago by [thehypetype](https://wordpress.org/support/users/thehypetype/).
 *  Plugin Author [ILLID](https://wordpress.org/support/users/mihail-barinov/)
 * (@mihail-barinov)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/inline-button/#post-10870509)
 * Hi,
 * Can you give me a link where I can see working search form?
 * Regards

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Inline Button?’ is closed to new replies.

 * ![](https://ps.w.org/advanced-woo-search/assets/icon-256x256.png?rev=3303984)
 * [Advanced Woo Search - Product Search for WooCommerce](https://wordpress.org/plugins/advanced-woo-search/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/advanced-woo-search/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/advanced-woo-search/)
 * [Active Topics](https://wordpress.org/support/plugin/advanced-woo-search/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/advanced-woo-search/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/advanced-woo-search/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [ILLID](https://wordpress.org/support/users/mihail-barinov/)
 * Last activity: [7 years, 7 months ago](https://wordpress.org/support/topic/inline-button/#post-10870509)
 * Status: not resolved