Reply To: Some CSS issues

Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Some CSS issues › Reply To: Some CSS issues

April 14, 2017 at 10:01 am #12699
Ernest Marcinko
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 :)