Support Forums

The forums are closed and will be removed when we launch our new site.

Looking for support? You can access the support system via your account.

Forums › Forums › Search & Filter Pro › How to customize inner elements and format properly

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Gurpreet Singh
    (Private)  June 23, 2020 at 12:09 pm #249759

    Hi.
    I have made a filter that sorts posts on the basis of tags, categories, date etc.
    The alignment of the elements is not proper. I want to know how to align them properly and if I want to change the text attributes like, bold, italic or change color of the headings like date range, Select category etc.How to do that. CHeckboxes for choosing categry are also not properly aligned how to align them proerly. I have not soch option in front end only thing that I can do is inserting shortcode. Due to which i dont get the flexibility to edit the form elements.
    Please review the following link:
    https://focusmerit.com/all-in-one-current-affairs/

    In this filter. i want From and To in next line.
    Under select category, International appointments and International current affairs options are not aligned properly. There is lot of gap on the left side of categories. I want to reduce that well. I tried adjusting padding but that also don’t work. I want them in line.Checboxes to be exactly below SELECT CATEGORY/ and if I want to apply some formatting to the titles and the text in filter. then how can i apply those as well.

    Regards,
    Gps

    Trevor Moderator
    (Private)  June 23, 2020 at 2:00 pm #249779

    You will need to use custom CSS, such as:

    .searchandfilter[data-sf-form-id="8759"] ul {
  padding: 0;
}
.searchandfilter[data-sf-form-id="8759"] > ul {
  padding: 20px;
}
.searchandfilter[data-sf-form-id="8759"] .sf-date-prefix {
  min-width: 45px;
}
.searchandfilter[data-sf-form-id="8759"] h4 {
  color: green;
  /* font-size: 24px; */
  /* font-weight: 700; */
}

    I have commented out two lines, to show how to change font size and weight. You could also change font here. This will give you some ideas I think, but if you need more help, can you tell me what specifically needs to change and to what?

    The fonts are all inherited from your theme.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘Search & Filter Pro’ is closed to new topics and replies.