Parallex Pro Search Box

[elkiehound]

Trying to add a search box to the Top Right Header Widget area to a ParallexPro site and it is huge and totally messes up the header. I want it to look just like one of our other sites, nice and small and neat.

Site with Problem: http://muf.smartwithtech.com/

Site without Problem: http://purebasketball.net/

Any help to get this search box fixed would be appreciated.

Thanks!

http://muf.smartwithtech.com/

[emasai]

Looks like you got it fixed, so please mark your post as Resolved.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[elkiehound]

I was able to get these search boxes to be the same. For others that might have the same issue, here are the changes I added to the CSS:

/* 3-7-15: Added to make the search box smaller
--------------------------------------------- */
.search-form input[type="search"] {
padding: 1px;
width: 48%;
height: 22px;
}

/* 3-7-15: Added to change font size in search box
--------------------------------------------- */
.search-form input, select, textarea {
background-color: #fff;
border: 1px solid #ddd;
color: #000;
font-size: 10px;
font-weight: 400;
padding: 16px;
width: 100%;
}

/* 3-7-15: Added to put a submit button next to search box
--------------------------------------------- */
.search-form input[type="submit"] {
position: relative;
display: inline-block;
padding: 3px;
margin-top: 12px;
margin-left: 12px;
width: 68px;
height: 24px;
clip: auto;
text-align: center;
background-color: #666;
transition-property: opacity;
transition-delay: .3s;
transition-duration: .5s;
color: #fff;
font-size: 10px;
font-weight: 400;
}

.search-form input[type="submit"]:hover {
opacity: .5;
}

[Author]

Posts