Simple CSS

  • 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 to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author ILLID

    (@mihail-barinov)

    Hi,

    Where I can find AWS search form on your site?

    Thanks!

    Thread Starter Cheerycops

    (@davercheshire)

    Apologies needed to add AWS to staging site

    https://staging.wizardmodels.ltd/

    Thanks

    Plugin Author ILLID

    (@mihail-barinov)

    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

    (@davercheshire)

    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

    (@mihail-barinov)

    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.