(SEARCH FORM) INLINE SEARCH FORM

  • Resolved ephremfirew

    (@ephremfirew)


    4 years, 10 months ago

    Hello @aazztech

    I have tried to make the default search form inlined using custom CSS, but I ended up making the button unresponsive. So I think I have to get advanced support for this issue. I always try my best before I ask for help. ?? So, could you please provide me a solution for the inline search form? (JUST LIKE BELOW…)

    | SEARCH BOX | SEARCH LOCATION | SEARCH BUTTON |

    Kind Regards,

    • This topic was modified 4 years, 10 months ago by ephremfirew.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Ephrem Firew Asrat,

    Thank you for contacting us.

    Please place the following CSS code in Appearance >> Customize >> Additional CSS to achieve your expected look in the search form. 

    
/* Search Form */
.directorist.atbd_wrapper.directory_search_area.single_area.ads-advaced--wrapper 
.atbd_ads-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.directorist.atbd_wrapper.directory_search_area.single_area.ads-advaced--wrapper 
.atbd_seach_fields_wrapper {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.directorist.atbd_wrapper.directory_search_area.single_area.ads-advaced--wrapper 
.atbd_submit_btn_wrapper {
	margin: 0 !important;
}

.directorist.atbd_wrapper.directory_search_area.single_area.ads-advaced--wrapper 
.ads_slide {
  flex-basis: 100%;
  flex-grow: 1;
}

.directorist.atbd_wrapper.directory_search_area.single_area.ads-advaced--wrapper 
.btn {
  padding: 10px !important;
}

    Regards.

    • This reply was modified 4 years, 10 months ago by aazztech.
    Thread Starter ephremfirew

    (@ephremfirew)

    Hello @aazztech

    IT WORKS 100%!

    Thank you for your great support! I have never seen support like this in WordPress so far. You deserve double checkout on every single purchase of your pro features! I am going to review and place my 5-STAR! ??

    Regards,

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘(SEARCH FORM) INLINE SEARCH FORM’ is closed to new replies.