Select input shows option items as White on White

[webakshar]

Hi Team,

Great work on the template.

I am facing two issues while using the template for personal use:

1. Input Select options display White on White when open

Markup:

<div class="card-body">
<div class="row">
	<div class="col-md-5 pr-md-1 offset-md-1">
	    <div class="form-group">
	        <label class="control-label">SELECT ITEMS</label>
	        <select class="form-control">
	            <option>Item 1</option>
	            <option>Item 2</option>
	            <option>Item 3</option>
	        </select>
	    </div>
	</div>
</div>
</div>

2. The focus color on the input control is always set to the pink, even if the Blue theme is selected
Highlighted rectangle in the screenshot above.

Please assist.

[rarestoma]

Hello webakshar,

Thank you for the interest in our products.
For the first problem, please add a darker color for the form-control:
.form-control{
color: #949494;
}
For the second problem, this is the default color of the input on focus. You change it doing the following change:
.form-control:focus{
border-color: #1d8cf8;
}

If i can help you with anything else, please let me know.

Best,
Rares

[lezohtml]

Hi,

I've got the same issue with the white on white dropdown menu.
Here what i've changed :

.form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.5rem 0.7rem; font-size: 0.875rem; font-weight: 400; line-height: 1.428571; color: #949494; background-color: #27293D; background-clip: padding-box; border: 1px solid #cad1d7; border-radius: 0.25rem; box-shadow: none; }