Reply To: Integration with Salient Theme Ascend – displaces text

[Ernest MarcinkoKeymaster]

Hi!

Well, there are indeed some nasty rules overriding the search input style. This custom CSS seemed to help, when I put it together on the console panel:

.proinput input.orig, .proinput input.autocomplete {
    padding: 0 !important;
    line-height: normal !important;
    color: white !important;
    border: 0 !important;
    font-size: 12px !important;
}

The cause of the problem is the following lines in the ascend.css file:

.container-wrap input[type="text"], .container-wrap textarea, .container-wrap input[type="email"], .container-wrap input[type="password"], .container-wrap input[type="tel"], .container-wrap input[type="url"], .container-wrap input[type="search"], .container-wrap input[type="date"] {
	background-color: transparent!important;
	border: 1px solid #ccc!important;
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
	font-size: 16px!important;
	-o-box-shadow: none!important;
	padding: 16px!important;
}

This basically forces padding, mfont size, background and a border to the input field. No wonder the search style was overwritten, as these are forced with the !important modifier, which should be avoided, but I guess the developer had a good reason to use it this case.

Anyways, I’m hoping it helps 🙂

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)