Title: Simple CSS
Last modified: December 12, 2017

---

# Simple CSS

 *  [Cheerycops](https://wordpress.org/support/users/davercheshire/)
 * (@davercheshire)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/simple-css-3/)
 * Hi, nice functionality!
 * As you can see the search box appears as a grey square. How do I format this 
   using CSS?
 * This is what I have added, but some are overwritten.
 *     ```
       .aws-container {
       padding: 0px 0px 0px 0px;
       font-size: 22.652px;
       font-family: "Lato", arial, sans-serif;
       color: #000000;
       }
       ```
   
 * How do I change the background, change the font to match the theme and remove
   the grey bars above and below the search box?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fsimple-css-3%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [ILLID](https://wordpress.org/support/users/mihail-barinov/)
 * (@mihail-barinov)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/simple-css-3/#post-9777963)
 * Hi,
 * Where I can find AWS search form on your site?
 * Thanks!
 *  Thread Starter [Cheerycops](https://wordpress.org/support/users/davercheshire/)
 * (@davercheshire)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/simple-css-3/#post-9780188)
 * Apologies needed to add AWS to staging site
 * [http://staging.wizardmodels.ltd/](http://staging.wizardmodels.ltd/)
 * Thanks
 *  Plugin Author [ILLID](https://wordpress.org/support/users/mihail-barinov/)
 * (@mihail-barinov)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/simple-css-3/#post-9781494)
 * As I see you add your search form inside
 * `<pre><code>....</code></pre>`
 * tags. You need to move search form out of them and all will work fine.
 *  Thread Starter [Cheerycops](https://wordpress.org/support/users/davercheshire/)
 * (@davercheshire)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/simple-css-3/#post-9781510)
 * Thanks
 * I did not deliberately do this? I simply inserted the shortcode into the page
   in the normal way.
 * I’m not a CSS specialist but the
 *     ```
        tags have hard-coded HTML - correct?
   
       Any suggestions gratefully received. The Theme is Woo's Storefront. There is, of course, a Child Theme active.
   
       D
       ```
   
 *  Plugin Author [ILLID](https://wordpress.org/support/users/mihail-barinov/)
 * (@mihail-barinov)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/simple-css-3/#post-9784928)
 * You just add [aws_search_form] shortcode to your page?
 * Or you use function to insert search form like
 * `echo do_shortcode( '[aws_search_form]' );`
 * ?

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

The topic ‘Simple CSS’ 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/)

 * 5 replies
 * 2 participants
 * Last reply from: [ILLID](https://wordpress.org/support/users/mihail-barinov/)
 * Last activity: [8 years, 6 months ago](https://wordpress.org/support/topic/simple-css-3/#post-9784928)
 * Status: not resolved