Error: There are 2 Search Forms set to use Post Type Archive display mode for th

Anonymous

#246177

Finally managed all 3 forms to work!!!

One last thing. You mentioned you can make some of the vertical and others horizontal. I added the codes you gave me to make all of them horizontal. How can I make 1 of them vertical, on the page below?

https://creatorscycle.com/artist_grant/

Thank you.

Anonymous

#246190

I tried vertical on the above page and the RESET button is far away from SUBMIT button. How can I change the space between the two buttons?

Trevor

#246265

It is this CSS doing that:

.searchandfilter[data-sf-form-id="2839"] .sf-field-submit::before {
    content: "";
    display: block;
    height: 43px;
    width: 25px;
}
.searchandfilter[data-sf-form-id="2839"] .sf-field-reset::before {
    content: "";
    display: block;
    height: 43px;
    width: 25px;
}

You need to make that CSS conditional so it applies only to the horizontal form. For example, you could add a class to the Element in the Elementor widget settings and precede it with that on the horizontal version, so it then will not apply to the vertical version.

Anonymous

#246370

I have not been able to make 1 vertical and others horizontal. So I just decided to go with all vertical. This will be good for now.

Thanks so much!

Trevor

#246493

Ah, OK. I would normally say set some CSS classes on the elementor container where you can specify whether the form in the container is to be vertical or horizontal and then precede the CSS with one or the other.

This was done in this thread also:

https://support.searchandfilter.com/forums/topic/search-form-customize-styling-2/

I will close this thread for now.

[Author]

Posts