Search Bar help

  • Resolved wennycho

    (@wennycho)


    4 years, 9 months ago

    Hi,

    I have a new problem for search bar.
    Now I use Adv. Woo Search plugin for website, and for this theme, it would show on the place(secondary part) like now! But I want to know if it is possible to move to the top or the middle of home page?
    If it is possible to move to the top, how could we do to let it shows on all pages??

    Really thanks for help!!!

    The page I need help with: [log in to see the link]

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

  • Hi @wennycho

    This is not the easy way to do but this will solve your issue

    Step1 ) Go to the theme’s root folder ie (wp-content/themes/krystal)

    Step 2) Find header.php and open it with any text editor

    Step 3) Just after the last line no 166, Add this code

    ?>
    <div class=”container”>
    <?php echo do_shortcode(‘[aws_search_form]’); ?>
    </div>

    Step 4) Save it and check. This will show the search bar after the header in all the pages

    Note: You might have to apply some CSS to adjust the search bar also

    Let us know if you need further assistance

    Best Regards

    Thread Starter wennycho

    (@wennycho)

    Hi,
    Thanks for your reply! I have try this but it still show below the photo there.
    Just not sure is it possible to move it under the buttons?
    Also, I want to modify the width, where and how should I put?

    Really thanks for help!!

    Thread Starter wennycho

    (@wennycho)

    Hi @spiraclethemes

    Thanks for your reply! I have try this but it still show below the photo there.
    Just not sure is it possible to move it under the buttons?
    Also, I want to modify the width, where and how should I put?

    Really thanks for help!!

    Wenny

    Hi @wennycho

    Yes, it’s possible. Follow the steps below

    Step1 ) Go to the theme’s root folder ie (wp-content/themes/krystal)

    Step 2) Find header.php and open it with any text editor

    Step 3) Just after the line no 142 (ie after slide buttons div), Add this code

    <div class=”aws-search” style=”width: 400px;margin: 50px auto;”>
    <?php echo do_shortcode(‘[aws_search_form]’); ?>
    </div>

    VIEW SCREENSHOT

    Step 4) Save it

    After this. Add the CSS below in Appearance -> Customize -> Additional CSS

    .aws-container .aws-show-clear .aws-search-field {
    border-radius: 45px !important;
    }

    Let us know if you have any questions

    Best Regards

    Thread Starter wennycho

    (@wennycho)

    Hi @spiraclethemes,

    Thanks a lot! It works!
    The last thing I want to clarify is
    So if we change to another search plugin, it will still works for this code?
    (I know we need to replace “.aws”)
    Does there any other place I need to pay attention?

    Thanks again for all your help!!!

    Best Regards,
    Wenny

    Thread Starter wennycho

    (@wennycho)

    Hi @spiraclethemes,

    One more question, could I change the search field color?
    Thanks!!!

    Best Regards,
    Wenny

    Hi @wennycho

    You need to add the shortcode of the new plugin to the exact same place. Although you may have to change the CSS also as the new plugin will come with its own classes and div structure.

    Regarding the Search field color, it seems like you already did that

    Best Regards

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Search Bar help’ is closed to new replies.