placeholder input text style

Home Forums Product Support Forums Ajax Search Pro for WordPress Support placeholder input text style

This topic contains 5 replies, has 2 voices, and was last updated by

 
Keymaster
6 years ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #7352

    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

    Attachments:
    You must be logged in to view attached files.
    #7354

    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 :)


    #7356

    Participant

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

    i already clean cache

    #7357

    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 :)


    #7358

    Participant

    ok great, one last thing

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

    #7389

    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 :)


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

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