placeholder input text style

This topic has 5 replies, 2 voices, and was last updated 10 years, 4 months ago by Ernest Marcinko.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
January 18, 2016 at 3:56 pm #7352

evanshi21
Participant

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

January 18, 2016 at 4:14 pm #7354

Ernest Marcinko
Keymaster

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.

January 18, 2016 at 4:22 pm #7356

evanshi21
Participant

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

i already clean cache

January 18, 2016 at 4:33 pm #7357

Ernest Marcinko
Keymaster

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: http://i.imgur.com/U1Ns12o.png
How to clear it: http://i.imgur.com/7gtJIuA.png

January 18, 2016 at 4:35 pm #7358

evanshi21
Participant

ok great, one last thing

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

January 21, 2016 at 2:20 pm #7389

Ernest Marcinko
Keymaster

Hi!

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

[html]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;
}[/html]

to this:

[html]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;
}[/html]

The only difference is the font-weight line.
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘placeholder input text style’ is closed to new replies.