Skip to content

Instantly share code, notes, and snippets.

@wpacademy
Last active December 2, 2024 15:14
Show Gist options
  • Save wpacademy/f79c5de3f99c07e2cd68903edcea993f to your computer and use it in GitHub Desktop.
Save wpacademy/f79c5de3f99c07e2cd68903edcea993f to your computer and use it in GitHub Desktop.
Directorist Plugin Search Box CSS Adjustments
.home-search .directorist-search-contents, .home-search .directorist-container-fluid {
padding: 0;
}
.home-search .directorist-search-form__box {
flex-direction: column;
gap: 20px;
}
.home-search .directorist-search-form-top, .home-search .directorist-search-form-action {
width: 100%;
padding: 0;
}
.home-search .directorist-listing-category-top {
margin-top: 20px;
}
.home-search .directorist-listing-category-top ul {
justify-content: flex-start;
flex-wrap: wrap;
}
.home-search .directorist-search-form-action__filter {
width: 160px;
}
.home-search .directorist-search-form-action__submit {
width: calc(100% - 160px);
}
.home-search .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear {
bottom: 16px;
}
.home-search .directorist-search-form-action__filter .directorist-filter-btn, .directorist-search-form-action__submit .directorist-btn-search {
border-radius: 4px !important;
}
.home-search .directorist-search-form-action__filter .directorist-filter-btn {
background: transparent !important;
border: none;
color: #ffffff !important;
}
.home-search .directorist-search-form-action__submit .directorist-btn-search {
font-family: "Poppins", sans-serif;
font-size: 16px;
text-transform: uppercase;
font-weight: 600 !important;
width: 100%;
}
.ast-logo-title-inline .ast-site-identity {
padding: 0;
}
.directorist-content-active .directorist-listing-single__info__list {
flex-direction: row;
flex-wrap: wrap;
}
.category-count-number {
font-size: 16px;
}
.home-listing .directorist-row {
gap: 10px;
}
.home-listing .directorist-row .directorist-all-listing-col {
padding: 0;
width: calc(25% - 10px)
}
@media screen and (min-width: 575px) {
.home-search .directorist-search-form__top .directorist-search-modal__input:not(:nth-last-child(1)) .directorist-search-field {
border: 1px solid #2e3b42;
padding: 10px 20px;
background: #fff;
border-radius: 4px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment