Home › Forums › Winning Agent Pro Theme › Move search bar up, decrease homepage background image height
- This topic has 2 replies, 2 voices, and was last updated 9 years, 6 months ago by
thinkjay.
- AuthorPosts
- May 6, 2014 at 11:55 am #2944
thinkjay
ParticipantHello,
How would I move the search bar up higher towards the top and also decrease the height of the background image? I just want the search bar to be more visible “above the fold” when someone first views my homepage. They did it here: http://www.goodground.com/
Thanks so much, James
http://www.homezig.com - May 6, 2014 at 6:41 pm #2950
kristionne
ParticipantJames,
Find this code in your Style sheets
.home .search-bar .wrap {
margin-bottom: -60px;
}Change the negative number to a positive number until the search bar reaches the height you desire. Hope this helps!
Kris
- May 8, 2014 at 8:09 pm #2962
thinkjay
ParticipantThanks Kris!
I used your idea and stumbled on this too:
}.home .search-bar {
background-color: rgb(0, 0, 0);
background: rgba(0, 0, 0, .4);
padding-top: 250px;
position: relative;
}It seems when I change the “padding-top: 250px;” to lower numbers it moves the search as well and the css you gave me gives it some space below as well, so I hope this is ok to do… it’s seems to work great… I wanted my search bar to be above the fold and easy to see/use for buyers…. My idx plugin provider, iHomefinder, has a cool little css override box in their plug in settings, so I did it there so it’s easy to get to.
Thanks so much, James
- AuthorPosts
- You must be logged in to reply to this topic.