Reply To: Some CSS issues

#12699

Ernest Marcinko
Keymaster

Hi Jan,

1. The placeholder size might be forced by another CSS, and it needs a bit more complicated code to actually change it, as I learned it some time before, let me show you. I would recommend this custom CSS for that:

@media (max-width: 500px) {
  #ajaxsearchpro4_1 > div > div.proinput > form > input.orig { font-size: 12px !important;}
  #ajaxsearchpro4_1 > div > div.proinput > form > input.autocomplete { font-size: 12px !important; }
  
  #ajaxsearchpro4_1 > div > div.proinput > form > input::-webkit-input-placeholder {
    font-size: 12px !important;
  }
  #ajaxsearchpro4_1 > div > div.proinput > form > input::-moz-placeholder {
    font-size: 12px !important;
  }
  #ajaxsearchpro4_1 > div > div.proinput > form > input:-ms-input-placeholder {
    font-size: 12px !important;
  }
  #ajaxsearchpro4_1 > div > div.proinput > form > input:-moz-placeholder {
    font-size: 12px !important;
  }
}

Basically for placeholder changes they have to be separate rules for each browser, because otherwise the browsers will not recognize them (some kind of bug that exists for years now).

2. That is my fault, I set a negative margin for testing regarding the previous ticket via the back-end, and I forgot to re-set it. Sorry about that, I have removed that margin, it should be okay now.

Best,
Ernest Marcinko

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