Forums › Forums › Search & Filter Pro › Style Codes

Viewing 9 posts - 1 through 9 (of 9 total)
  • Trevor
    (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;
}
    Anonymous
    (Private)  July 21, 2020 at 2:14 pm #253412

    Hi,

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

    Anonymous
    (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
    (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)?

    Anonymous
    (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
    (Private)  July 21, 2020 at 8:48 pm #253484

    Simple then:

    .searchandfilter[data-sf-form-id="16337"] h4 {
  font-size: 17px;
}
    Anonymous
    (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
    (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/

    Anonymous
    (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 9 posts - 1 through 9 (of 9 total)