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 › Style Codes

Viewing 10 posts - 1 through 10 (of 10 total)
  • Jennifer Bilczuk
    (Private)  July 20, 2020 at 9:49 pm #253353

    Hi Trevor,

    I hope this finds you well!

    I’m still relatively new to very basic CSS.
    I was would like my Filter aligned in the middle, with the title text centered align.

    I tried through Divi, and the modifications don’t stick. I also tried to add some basic CSS with your code below:
    .searchandfilter[data-sf-form-id=”1428″]
    {
    //do stuff with this particular search form
    }

    I had no luck. Would you be able to give me a few lines of custom CSS that I can build off that would work with the Search and Filter? I really only need the forementioned changes & I think I can manage to build some of the CSS on my own after that, I just need a starting point.

    I would really appreciate it, and I can only assume how busy you are. If you can help, thank you so much!

    Trevor Moderator
    (Private)  July 21, 2020 at 10:59 am #253381

    Are you able to send me a live link/URL to your search page so I can take a look?

    Normally, something like this will center the form:

    .searchandfilter[data-sf-form-id="1428"] > ul {
  display: table;
  margin: 0 auto;
}
    Jennifer Bilczuk
    (Private)  July 21, 2020 at 2:14 pm #253412

    Hi,

    Please find the link:
    https://amskor.com/all-rugs-collection/
    🙂

    Jennifer Bilczuk
    (Private)  July 21, 2020 at 8:06 pm #253477

    Hi Trevor,

    I was able to center the table & the title text with the help from the above CSS.

    I was wondering if you could provide CSS for font customization. I tried my hand at manually inputting it, but it didn’t seem to work. Please let me know, and I appreciate all of your help.

    Thanks! 🙂

    Trevor Moderator
    (Private)  July 21, 2020 at 8:39 pm #253479

    Which parts of the form do you need to customize the fonts on, and can you show me something else on the page that uses the same font (what is the font)?

    Jennifer Bilczuk
    (Private)  July 21, 2020 at 8:44 pm #253482

    Hi,

    I would just like to enlarge the title text. The Font is Montserrat – Light and 30px. It is the heading font of most things on our pages. Please let me know if that helps & if you need more information, thank you!

    Trevor Moderator
    (Private)  July 21, 2020 at 8:48 pm #253484

    Simple then:

    .searchandfilter[data-sf-form-id="16337"] h4 {
  font-size: 17px;
}
    Jennifer Bilczuk
    (Private)  July 21, 2020 at 8:59 pm #253486

    It works great, thank you! I was able to build off of it and change the font style & everything.
    Thank you for your help, I’m still getting used to this!

    Trevor Moderator
    (Private)  July 21, 2020 at 9:12 pm #253488

    Is it OK to close this thread for now? If you do this forum search, you will find tons of snippets:

    https://support.searchandfilter.com/forums/search/searchandfilter+data-sf-form-id/

    Jennifer Bilczuk
    (Private)  July 21, 2020 at 9:13 pm #253490

    Yes, it is!

    Great thank you, I searched for something like that before and couldn’t find it.

    Thank you! 🙂

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

The topic ‘Style Codes’ is closed to new replies.