Customize Styling of Search

Hi, I have a search box in one of my gallery pages and I wanted to style is but I couldn't figure out how to do it. Are there any custom CSS scripts I can use to change...

Border Colour (to black)

Dropdown background (to black)

Dropdown text (to white)

Dropdown image aspect ratio (3:2)

Thank you!

difficult to help without link to search page

.sqs-search-ui-button-wrapper.color-dark .search-input {
    border-color: black;
}
.sqs-search-ui-button-wrapper.color-dark .search-input::placeholder {
    color: white;
}

5 minutes ago, tuanphan said:

.sqs-search-ui-button-wrapper.color-dark .search-input {
    border-color: black;
}
.sqs-search-ui-button-wrapper.color-dark .search-input::placeholder {
    color: white;
}

 

Heyy! That fixes most of the problem.. Do you know how I can change the dropdown colour? and only display the title... The text colour is black but there's some white text

/* text black */
.sqs-search-container-item .sqs-main-content * {
    color: black;
}
/* dropdown color */
.sqs-search-preview-ui .sqs-search-ui-result {
    background: green;
    border-color: green;
}
/* show only title */
.search-result .sqs-content {
    display: none;
}

7 minutes ago, tuanphan said:

/* text black */
.sqs-search-container-item .sqs-main-content * {
    color: black;
}
/* dropdown color */
.sqs-search-preview-ui .sqs-search-ui-result {
    background: green;
    border-color: green;
}
/* show only title */
.search-result .sqs-content {
    display: none;
}

 

Amazing!! Thank you so much!