Adjust Search Bar Position on the Home Page

[Ginger Coolidge]

Prerequisites:

• You have FTP access to your theme files.  NEVER edit your files within the WordPress Dashboard –  Editing Your WordPress Site 101
• You are comfortable working in your theme’s style.css file.  It’s imperative you backup the file BEFORE you make changes in case you need to revert back.

To adjust the vertical position of the search bar on the home page, you can do this a couple of ways.

Locate these entires in your winning-agent\style.css file:

.home .search-bar .wrap {
   margin-bottom: -60px;
}

.home .search-bar {
   background-color: rgb(0, 0, 0);
   background: rgba(0, 0, 0, .4);
   padding-top: 250px;
   position: relative;
}

You can experiment changing the margin-bottom: -60px; and/or the padding-top:  250px; values to reposition the search bar up or down to where you would like it.

---

[Author]

Posts