Custom Search form – vertical layout

  • I want to change the layout from horizontal to vertical so that ‘complex’ searches can be created – the search criteria can not fit on 1 line.

    In the current page, I have created a number of different searches but this is not really very good.

    I have messed around with search-form.php (basically removing the class property-search-form and added padding in css but this is not working very well)

    If anyone could give me some pointers I would appreciate it.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Property Hive

    (@propertyhive)

    Hi Telboy,

    Try the following CSS:

    .property-search-form { display:block; }
    .property-search-form .control { display:block; }

    If you only want to target a particular form you can use it’s particular class, for example:

    .property-search-form-custom { display:block; }
    .property-search-form-custom .control { display:block; }

    Let me know how you get on with that.

    Thanks,
    Steve

    Thread Starter Telboy99

    (@telboy99)

    That’s great but any chance of getting the labels to the left instead of on top ? … yeah I know I am pushing it :o)

    Plugin Author Property Hive

    (@propertyhive)

    Hi Telboy99,

    Sorry for the delay in coming back to you. It looks like you’ve got them stacked now which is great. Regarding label left, control right, you could try something like so:

    .property-search-form label { float:left; width:25%; }
    .property-search-form input[type=’text’],
    .property-search-form select { float:left; width:75%; }

    Give that a go and let me know how you get on ??
    Steve

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom Search form – vertical layout’ is closed to new replies.