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 Ernest Marcinko Ernest Marcinko 6 years, 6 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #7352
    evanshi21
    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

    Attachments:
    You must be logged in to view attached files.
    #7354
    Ernest Marcinko
    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.

    Best,
    Ernest Marcinko

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


    #7356
    evanshi21
    evanshi21
    Participant

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

    i already clean cache

    #7357
    Ernest Marcinko
    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: 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
    evanshi21
    evanshi21
    Participant

    ok great, one last thing

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

    #7389
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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.