Change font size and style of placeholder

[pboule07Participant]

Hi,

I’m trying to change the size and font of the placeholder text.

I have looked everywhere but not found.

Can you tell me how to do it?

Otherwise, is it possible to deactivate the modifications via the admin and process everything in a css style sheet?

Because when you want to adapt the aesthetics it is constantly necessary to overwrite the default style, which is not very practical.

Thanks in advance

[Ernest MarcinkoKeymaster]

Hi,

The placeholder automatically changes to the input font, but you can style it via custom CSS if you want to:

input.orig::placeholder { 
  color: red !important;
}

input.orig:-ms-input-placeholder {
  color: red !important;
}

input.orig::-ms-input-placeholder { 
  color: red !important;
}

Please note, that these styles cannot be aggregated into one comma separated rule, the browsers would not render the correclty.

The style changes on the back-end are processed into a static CSS file, which is then loaded on the front-end. The CSS file is dynamically generated depending on the search settings to minimize the output file size.

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

[Author]

Posts