I am trying to: have horizontal search fields
Link to a page where the issue can be seen: hidden link
I expected to see: horizontal search fields
Instead, I got: Not
[wpv-filter-start hide="false"]
[wpv-filter-controls]
<div class="col-sm-3"><div class="form-group">
<label>[wpml-string context="wpv-views"]Text[/wpml-string]</label><br>
[wpv-filter-search-box output="bootstrap"]
</div></div><br>
<div class="col-sm-3"><div class="form-group">
<label>[wpml-string context="wpv-views"]Business Categories[/wpml-string]</label><br>
[wpv-control-post-taxonomy taxonomy="business-category" type="select" url_param="wpv-business-category"]
</div></div><br>
<div class="col-sm-3"><div class="form-group">
<label>[wpml-string context="wpv-views"]City of Business Location[/wpml-string]</label><br>
[wpv-control-postmeta field="wpcf-city-of-business-location" url_param="wpv-wpcf-city-of-business-location"]
</div></div><br>
<div class="col-sm-3 filter-without-label">[wpv-filter-submit output="bootstrap"][/wpv-filter-controls]</div>
[wpv-filter-end]
css:
.filter-without-label {
margin-top: 28px !important;
}
Hi, the col-sm-3 CSS class you are trying to use requires the Bootstrap library to produce a grid. However, Divi and Bootstrap are known to have some compatibility issues so we do not recommend using them together. If you'd like to use the Bootstrap grid anyway and are aware that there are some unresolvable compatibility issues between Divi and Bootstrap, go to Toolset > Settings > General tab and scroll down to the Bootstrap loading section. Try the option "Toolset should load Bootstrap 3", then clear your caches and try again.
https://toolset.com/documentation/recommended-themes/toolset-divi-integration/matching-divi-styling-using-toolset/
If you'd rather not use Bootstrap, then custom CSS is required to achieve this type of design.
My issue is resolved now. Thank you!
