Home Search Field – Full Width

[D3NE]

Hi,

I was wondering how to make the search field full width on the homepage… I’m no using any image, color or pattern beside the Search Field but it keeps just using that little place on the left side of the site (http://tuiris.com/wp-content/uploads/2013/09/Screen-Shot-2013-09-23-at-1.47.10.png)

I need it to look like this: http://tuiris.com/wp-content/uploads/2013/09/Screen-Shot-2013-09-23-at-1.50.19.png BUT I also need that my check boxes look something like this: http://tuiris.com/wp-content/uploads/2013/09/Screen-Shot-2013-09-23-at-1.47.46.png

The last image is from the registration page, I used a code that you guys gave to another buyer on this topic: https://archived.seventhqueen.com/forums/topic/check-box-two-columns

I hope you understand what I need… This could really help me a lot.

[SQadmin]

Hi, To have the form on the whole page you need to edit a file located in sweetdate/page-parts/home-search-form.php

Make sure you use the child theme and copy that file to the same folder location in sweetdate-child.
Replace: “five columns” with “twelve columns”

For the checkboxes we will give you a solution after tomorrow update.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[mylaiva]

I would also like to know how to do this. I have a full width form with checkboxes and other input fields but as of right now it’s in a single column and really long. I would like to have multiple columns instead of one. Thanks!

[SQadmin]

Hi,
To achieve that please change contents of this file: sweetdate/custom_buddypress/kleo-bp-search.php with this one:
http://d.pr/n/bev6

And add this css to Sweetdate – Styling options – Quick css box:

COPY CODE

.kleo-checkbox label { float: left; width: 25%;}

Change the 25% to have more or less in a row.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[mylaiva]

Works perfectly! Thank you so much!

[Author]

Posts