This topic has 4 replies, 3 voices, and was last updated 11 years by mylaiva.

  • Author
  • #3199
     D3NE
    Participant

    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.

    #3238
     SQadmin
    Keymaster

    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
    #3360
     mylaiva
    Participant

    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!

    #3392
     SQadmin
    Keymaster

    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
    #3455
     mylaiva
    Participant

    Works perfectly! Thank you so much!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

Log in with your credentials

Forgot your details?