Home Page Buttons

1. "Add Your Business today" button - how do I reduce the size of the button (H & W)?

2. "Search" Box - how do I reduce the size of the box (H & W)?

3 "Location" Box - how do I reduce the size of the box (H & W)?

4. "Search Listing" Button - how do I reduce the size of the button (H & W)?

www.squirrlit.com

 

Hello,

As per your queries:
1. "Add Your Business today" button - how do I reduce the size of the button (H & W)?

Code:

.header_wrapper .header .post_btn {
  height: 35px;
  line-height: 33px;
  font-size: 15px;
}

For 2,3,4 use below CSS:

Code:

.main_search .search_for input#search_for, .main_search .search_location input#search_location{
height: 24px;
width: 231px;
}
.main_search #searchsubmit {
  width: 160px;
  height: 39px;
    font-size: 15px;
  line-height: 40px;
  }
  .main_search{
    margin-left: 100px;
  }

Hope it will solve your issue.

 

Thanks that work.

One other thing the two button seem to have an alignment issue where at the bottom of each button there are two lines.

www.squirrlit.com

 

Hello,

The two line you are talking about is the bottom border of the button.

You can change its color from the CSS code given below.

Code:

.header_wrapper .header .post_btn {
  border-bottom: 2px solid green !important;
}
.main_search #searchsubmit {
  border-bottom: 2px solid green !important;
}

Thanks,
Praveen

 

Fixed!