Okay, I have been itching to give my two cents as I know the frustrations and time it takes figuring this one out if you are using a custom built template – like the one I am using.
I wanted to position the Search bar bottom right position in the Header section, so:
First thing: go to Widget area and drag the Search widget into the Header section – you will see it appear on the top left on the actuall website, then
Go to CSS. style sheet and do a search (CTRL + F) and type in the actual word ‘Search’, you will then be taken to the section where your custom template has put the search criteria, then
Find the section where it has something like this:
form.art-search (This is my custom template default coding)
{
background-image: none;
border: 0;
display:block;
position:relative;
top:90px;
padding:0;
margin:5px;
left:1180px;
line-height: 0;
}
Okay, as above, depending on the width of template, play around with the ‘left’ criteria and the ‘top’ criteria as I have done above. Remember, key here is put a ‘px;’ infront of your numbers. Play around with the numbers until you get your desired location. This worked like a charm for me as all templates are different from the next. Good luck
