placeholder input text style

[evanshi21Participant]

i am trying to change the font style from placeholder in search input area however i cant.

i already change all font style in theme settings and also follow the instructions from image attached but still style do not change

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi!

For some reason the font was not rendering, but the CSS was ok. I’m going to investigate this further for the next release.

Until then I’ve added the font family imports directly to the plugin header, now it should load. Make sure you completely clear your cache to see it in effect.

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

[evanshi21Participant]

on your pc the font style change? i still dont see any change on mine

i already clean cache

[Ernest MarcinkoKeymaster]

Hi!

Yes, it’s because you had media query strings disabled in W3TC, I have enabled it so now when you click on “Update Media Query” string, the CSS modifications will appear faster, it’s a great option:

This option: https://i.imgur.com/U1Ns12o.png
How to clear it: https://i.imgur.com/7gtJIuA.png

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

[evanshi21Participant]

ok great, one last thing

may you tell me exactly where you add the code for remove the bold font

[Ernest MarcinkoKeymaster]

Hi!

Just modify your current custom CSS, which is this (what I can see in the browser tools):

div[id*='ajaxsearchpro'] input.orig, div[id*='ajaxsearchpro'] input.autocomplete {
    margin: 0px !important;
    padding: 0px !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    font-family: Lato !important;
    color: #000 !important;
    font-weight: bold !important;
    font-size: 15px !important;
    line-height: 17px !important;
}

to this:

div[id*='ajaxsearchpro'] input.orig, div[id*='ajaxsearchpro'] input.autocomplete {
    margin: 0px !important;
    padding: 0px !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    font-family: Lato !important;
    color: #000 !important;
    font-weight: normal !important;
    font-size: 15px !important;
    line-height: 17px !important;
}

The only difference is the font-weight line.

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

[Author]

Posts