Forums Forums Search Search Results for 'filter style'

Viewing 10 results - 371 through 380 (of 496 total)
  • Author
    Search Results

  • Anonymous
    Inactive

    Hi Ross,

    I just wanted to check when there might be some update on this one? Sorry to chase, it’s just due to the mobile problem on the combo-boxes it sadly won’t work for what I need it as it stands and I really don’t want to not use your plugin as that aside it’s perfect! Don’t worry I still have development time so just wanted to get an idea :).

    I also spotted this related issue ticket too https://support.searchandfilter.com/forums/topic/scrollbars-missing-in-combobox-on-ipad/ and notice you are thinking of going for an option to choose which JS library to use for these multi-select dropdowns which makes sense for existing users and sounds great for variability too.

    With that in mind do you think that option I suggested could be included too, you can see it working here http://www.novipropertymallorca.com on the Areas box, as you can see it has a great UI, responsive, and you can highly style it to match your site ever so well which is great, and sadly I feel I’m also struggling to do from a style perspective on the current set-up too.

    As I say, more than happy to help you test, etc.

    Many thanks 🙂

    #41340

    Trevor
    Participant

    Sdaly, the Avada samples do one thing that I cannot easily do, which is to add style to the select box dropdown arrow/button. This is controlled by the user’s OS/Browser. What Avada does is to place a div element after the select box and then list this back up and over the arrow that is underneath, to ‘disguise’ it. This I cannot do, as it requires code in the plugin to do this.
    So, as best as time permits, add this to the CSS I already gave you:

    a.chosen-single div {
      padding-top: 7px;
    }
    .chosen-search input {
      border: 1px solid #dadada !important;
      color: #aaa9a9 !important;
    }
    .chosen-container .chosen-results li.active-result {
      display: list-item !important;
      color: #aaa9a9 !important;
    }
    .chosen-container .chosen-results li.active-result.highlighted {
      color: #fff !important;
      background: #39f !important;
    }
    .searchandfilter select.sf-input-select, a.chosen-single {
      height: 38px !important;
      background: #fff !important;
      -webkit-appearance: none;
      text-overflow: '';
      border: 1px solid #dadada !important;
      cursor: pointer;
      outline: none;
      padding: 6px 15px !important;
      text-indent: 0.01px;
      border-radius: 0 !important;
      -webkit-border-radius: 0 !important;
      -moz-border-radius: 0 !important;
      -o-border-radius: 0 !important;
      color: #aaa9a9 !important;
    }
    form.searchandfilter > ul {
      padding-left: 0;
    }
    form.searchandfilter > ul > li {
      margin: 0 8px;
    }
    .sf-input-select {
      font-size: 13px;
    }

    Let me know how this looks (not so good with the dropdowns).

    #41028

    Anonymous
    Inactive

    Thank you for your reply. I’m sorry for not being more clear.

    Requirements:
    1. Place search results and search on the same page. Test Page

    2. Use the same formatting of results from my theme that display when I use the Archive display method with my default custom template Search.php Example

    I’ve already completed this task from documentation

    Copy the file wp-content\plugins\search-filter\templates\results.php from the templates folder in to the newly created folder in your theme – wp-content\themes\your-theme-name\search-filter\results.php

    But I can’t figure out how to edit the file provided Results.php file to return the same styled results as my theme’s Search.php

    Thank you for your help,

    Joshua

    #39738

    Ross
    Keymaster

    Hi there

    To change the style of checkboxes, you do not need to modify S&F files:

    https://www.designsandcode.com/documentation/search-filter-pro/getting-started/display-search-form/#Styling_Your_Search_Form

    You simply need to add CSS to your theme – most themes this will be in style.css, however some themes work differently, and require you to paste custom CSS code in a specific sections, like in theme options in admin.

    Refer to your theme manual for the correct place to add this.

    Thanks

    #39511

    Ross
    Keymaster

    Hi Kathryn

    You must not edit any files within Search & Filter – this is the wrong place to add the code.

    You must find the right place (in your theme) to add custom CSS.

    Usually, this is in your theme folder and called style.css, but some themes do this differently – this is something you need to find out.

    Once you know this, you can add the above code.

    Thanks

    #39390

    Ross
    Keymaster

    Hi there

    Yes it looks like the CSS is loaded fine, but it seems the styles are overwritten by the styles of your theme.

    Probably the best thing to do would be to re-include the S&F CSS after your themes CSS.

    The easiest way to do this would be to copy everything from:

    wp-content\plugins\search-filter-pro\public\assets\css\search-filter.min.css

    And copy it at the very end of your theme’s style sheet – or somewhere in your theme where you can place custom CSS.

    Thanks

    #39019

    In reply to: S&F custom design


    Anonymous
    Inactive

    Hey Ross,

    Thank you for your response.

    A: I have Divi theme and in the theme options they have the custom css area where I normally put the css codes but now when I put your codes there is no change in the filter list. However I do prefer not to use codes if there is another way to do it.

    So if I want to have the filter list better looking and adjust the line space, font and other features I could style them with my divi themes built in stylesheet? Is it like the plugin will follow automatically the style of my theme?

    I saw in your video tutorial (2:06) that you had a template setting section where you specified a php file as template. Is that the place you make this adjustment? If that is the place which of my themes files I should put there? http://prnt.sc/acu31o

    B: Did you use a plugin for displaying the movie review lists in that layout? (Movie image on left and the movie information+ranking stars+button on right side).

    Thank you again,

    #38914

    In reply to: S&F custom design


    Ross
    Keymaster

    Hey Kania

    Really you are looking to use CSS to style your buttons – there is nothing built in.

    In the demos, I didn’t add a single line of code for the styling of the buttons, however, the buttons were styled by the themes built in stylesheet.

    To add your own CSS styles you would just need to target like:

    .searchandfilter input[type=submit]
    {
        background-color:#666666;
        color:#fff;
        padding:10px;
    }

    Of course, adding in any styles you want to apply.

    You should probably add the above code to your themes style.css in the theme folder (at the bottom of the file), however, some themes prefer to add custom CSS in different way – refer to your theme for instructions on how to add custom CSS.

    Thanks

    #37944

    Anonymous
    Inactive

    Hello Ross.

    First I want to say thank you for helping me.

    I added this:

    add_filter(‘body_class’,’add_body_class_to_search_filter’);
    function add_body_class_to_search_filter($classes) {

    global $searchandfilter;
    if($searchandfilter->active_sfid())

    {
    $classes[] = “tax-product_cat archive woocommerce woocommerce-page alt-style-default boxed-layout two-col-right width-930 two-col-right-930”;
    }
    // return the $classes array
    return $classes;
    }

    and it is still crashing my staging site. Anything else that needs to be changed?

    Thanks

    #37853

    Anonymous
    Inactive

    Hello Again.

    So if there is no way to use the Woocommerce display and remove the “shop” part of the URL I am stuck with the archive method. Only issue is when I follow your instructions to remove $sf_form_data with $searchandfilter like below:

    add_filter(‘body_class’,’add_body_class_to_search_filter’);
    function add_body_class_to_search_filter($classes) {

    global $searchandfilter;

    if ($searchandfilter->is_valid_form())
    {
    $classes[] = “tax-product_cat archive woocommerce woocommerce-page alt-style-default boxed-layout two-col-right width-930 two-col-right-930”;
    }
    // return the $classes array
    return $classes;
    }

    it still breaks my staging site, what else do I need to fix to get it to work properly? I tried only replacing the first instance of $sf_form_data with $searchandfilter and that didn’t work either.

    Thanks

Viewing 10 results - 371 through 380 (of 496 total)