Forums › Forums › Search & Filter Pro › css issues

Tagged: 

Viewing 10 posts - 1 through 10 (of 15 total)
1 2
  • Anonymous
    (Private)  October 26, 2018 at 8:29 pm #191961

    Hello!

    just wondering if i could get any tips from you regarding the styling of the form. from your tutorial i am able to learn how to present it in a horizontal manner.

    Is there a way to control the color of the font, font size, the padding of the dropdown box “All Tags” and the submit button color as well as the color when hovering over the button. Thanksss!

    Anonymous
    (Private)  October 27, 2018 at 11:44 am #191967

    i think i might have missed this out. https://photos.app.goo.gl/dL1RgRBUU5gAoAhz8

    Anonymous
    (Private)  October 28, 2018 at 4:35 pm #191972
    This reply has been marked as private.
    Anonymous
    (Private)  October 28, 2018 at 4:51 pm #191974
    This reply has been marked as private.
    Trevor
    (Private)  October 29, 2018 at 11:26 am #192006

    Styling, if you are not confident with writing your own Custom CSS, is best done with a custom CSS tool, like Yellow Pencil, SO CSS or Microthemer. The requirements of each individual are so specific to their project it is nearly impossible to write a guide.

    Trevor
    (Private)  October 29, 2018 at 11:27 am #192008

    On the issue of the function of the form, I think this post might help:

    https://support.searchandfilter.com/forums/topic/and-relationship-between-different-categories/#post-191778

    Anonymous
    (Private)  October 29, 2018 at 12:52 pm #192038

    Hi trevor,

    are you able to teach me how i could configure the submit button manually? i am using site origin only left with that submit button which i seems unable to configure it. my end product would be

    background (default) : #0c0c0c
    background hover : #ff7575

    Text color #ffffff
    textcolor hover : #0a0000

    Trevor
    (Private)  October 30, 2018 at 11:33 am #192100

    Something like this maybe:

    .searchandfilter input[type="submit"] {
    background-color: #0c0c0c;
    color: #fff !important;
}
.searchandfilter input[type="submit"] {
    background-color: #ff7575;
    color: #0a0000 !important;
}

    I am not sure if the !important bits are needed, so try without, and if it is wrong, add them?

    Anonymous
    (Private)  November 1, 2018 at 3:33 pm #192501
    This reply has been marked as private.
    Trevor
    (Private)  November 1, 2018 at 3:35 pm #192503

    You want the search box and the two dropdowns to be wider?

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