/* Team Search CSS - Starts */ .search-team { display: grid; grid-template-columns: 1fr; gap: 15px } @media (min-width: 768px) { .search-team { grid-template-columns: 3fr 1fr; } } .search-team .facetwp-search, .search-team .facetwp-dropdown { margin: 0 !important; border: 1px solid var(--yellow) !important; width: 100% !important; padding: 15px !important; border-radius: 8px !important; color: #666 !important; } .search-team .facetwp-search::placeholder { color: #666 !important; } span.facetwp-input-wrap { width: 100%; } .search-team .facetwp-facet { margin-bottom: 0; } .search-team .facetwp-icon { right: 6px !important; } .search-team .facetwp-reset { border: none; background-color: #222; display: inline-block; color: #fff; border-radius: 5px; width: 100%; font-size: 18px; line-height: 18px; min-height: 50px; } /* Team Search CSS - End */
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter