awpcp search widget

  • Resolved jon182

    (@brody182)


    10 years, 8 months ago

    its really hard to make the input fields display inline… any idea how to do that?

    <form method="post" action="https://www.website..com/classifieds/search-ads/">
<input type="hidden" name="a" value="dosearch">
<label for="awpcp-search-keywordphrase">Search by keyword</label>
<br>
<input id="awpcp-search-keywordphrase" type="text" name="keywordphrase" value="">
<br>
<label for="awpcp-search-search-by-city">Search by City</label>
<br>
<select id="awpcp-search-search-by-city" name="regions[0][city]"><option value="">Select Option</option></select>
<br>
<label class="awpcp-category-dropdown-label" for="awpcp-category-dropdown">Search by Category<span class="required">*</span></label>

<input id="awpcp-category-dropdown-53b5c565ef2c9" type="hidden" name="searchcategory" value="">

<select class="awpcp-category-dropdown awpcp-dropdown required" id="awpcp-category-dropdown" target="53b5c565ef2c9" chain="" next-default-option="All Sub-categories">
    <option class="default" value="">All Categories</option>

</select><select class="awpcp-category-dropdown" style="display: none;"><option value="">All Sub-categories</option></select>

<br>
<input class="button" type="submit" value="Search"></form>

    https://www.ads-software.com/plugins/another-wordpress-classifieds-plugin/

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi brody182,

    I’m not exactly sure what you’ve tried here–each of the elements has an ID associated with it, so targeting them in CSS should be fairly straightforward.

    Are you trying to make ALL of them show up in a single line?

    How have you tried this?

    Thread Starter jon182

    (@brody182)

    yes i’m trying to make them show up in a single line.. you have <br> in between the imput field and select field. is there a way to disable the <br>?

    The only way right now is to physically remove them from the code in the widget.

    Thread Starter jon182

    (@brody182)

    get rid of them

    Thread Starter jon182

    (@brody182)

    This is much better, it has the same formatting as you did without the br tag..

    <style type="text/css">
input { clear: both; display: block;
}
 label {display: block;
}
</style>

<li>
    <label>
        <span class="">URL Field</span>
        <input type="url" value="" data-customize-setting-link="setting_id">
    </label>
</li>
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘awpcp search widget’ is closed to new replies.