How to customize inner elements and format properly

Anonymous

#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

#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