This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Formatting Input Box text

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #3286
    coolspeakcoolspeak
    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 MarcinkoErnest 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:

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

    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.

    #3291
    coolspeakcoolspeak
    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 MarcinkoErnest Marcinko
    Keymaster

    Hard to tell without seeing it.

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

    #3295
    coolspeakcoolspeak
    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 MarcinkoErnest Marcinko
    Keymaster

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

    [html]
    input.autocomplete {
    padding: 0 6px !important;
    }

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

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

    #3300
    coolspeakcoolspeak
    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.