Formatting Input Box text

This topic contains 6 replies, has 2 voices, and was last updated by coolspeak coolspeak 7 years, 6 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #3286
    coolspeak
    coolspeak
    Participant

    First, I can’t seem to edit the look or feel of the input box text. It’s the same no matter what I do or change. Second, how do I change the color of the suggested keywords to something other than orange?

    #3288
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi!

    It’s most likely because your theme overrides it with a stronger CSS rule. You can solve both of these issues via very simple custom css codes, like:

    
    /* This is the search phrase input */
    /* these are only sample values, change them to whatever you like */
    input.orig {
       color: #FFFFFF !important;
       font-size: 14px;
       text-align: left;
       /* ..etc */
    }
    
    /* These are the keyword colors */
    p.asp-try a {
       color: blue !important;
    }
    

    You can use/edit this code to your needs and add it to your themes custom css file, or into the search plugins “Theme options -> Custom CSS” field.

    Best,
    Ernest Marcinko

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


    #3291
    coolspeak
    coolspeak
    Participant

    Okay, I’ve got the colors working for the suggested keywords.

    But the input area is still the same, even after I insert the custom css. Any ideas?

    Carlos

    #3292
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hard to tell without seeing it.

    Can you link me to a page where the search is active?

    Best,
    Ernest Marcinko

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


    #3295
    coolspeak
    coolspeak
    Participant

    http://www.carlosojedajr.com/coolspeak/services/speakers/

    Here you go. The font, font size and location can’t be changed.

    Please advise.

    Carlos

    #3296
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Thanks.
    Here, the following CSS is working in all of my browsers:

    
    input.autocomplete {
        padding: 0 6px !important;
    }
    
    input.orig {
        color: #b40808 !important;
        padding: 0 6px !important;
        font-size: 14px !important;
    }
    

    It changes the font size, color and fixes the paddig forced by the theme.

    Best,
    Ernest Marcinko

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


    #3300
    coolspeak
    coolspeak
    Participant

    Thank you it worked! I truly appreciate it. The plug in is amazing.

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

You must be logged in to reply to this topic.