WordPress.org

Forums

Live Search Popup Plugin - Need Help! (3 posts)

  1. David
    Member
    Posted 6 years ago #

    Hello,

    the plug-in I’m trying to use is the “Live Search Popup” that can be found here: http://wordpress.org/extend/plugins/live-search-popup/

    I'm trying to change a few things in the plug-in:

    I. Have the arrow of search results appear below the search box (currently it shows on top of the search form)
    II. Change the color of the font in the result popup box
    III. Change the results from capital letters to lower case
    IV. Change the position of the search box under the search form (it’s too far to the left)

    I tried changing a lot of settings in the CSS file of the plug-in and also took a look at the php and js files. Even though
    I can’t program in any computer language I couldn’t find anything related to those things I mentioned above.

    Do you have any ideas or suggestions? I’m really desperate at this point because I’ve invested a lot of time but couldn’t achieve
    what I want.

    Thx
    qwertz123456

    Here's my CSS:

    .livesearchpopup {
    width: 128px;
    }.livesearchpopup .box {
    position: relative;
    height: 18px;
    }.livesearchpopup .form {
    width: 128px;
    height: 18px; white-space: nowrap;
    }.livesearchpopup .left {
    position: absolute;
    top: 0px;
    left: 0px;
    }.livesearchpopup .editbox {
    position: absolute;
    top: 0px;
    left: 10px;
    background: #ffffff; height: 16px;
    width: 100px;
    border: 0px;
    margin: 0px;
    overflow: hidden; border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    }.livesearchpopup .edit {
    width: 100px;
    font-size: 11px;
    background: #ffffff;
    height: 16px;
    border: 0px;
    autocomplete: off;
    outline-width: 0px;
    }.livesearchpopup .lupe {
    position: absolute;
    top: 0px;
    left: 11px;
    }.livesearchpopup #livesearchpopup_box {
    top: 25px;
    width: 200px;
    }#livesearchpopup_box {
    color: #ffffff;
    background: #0255cd url(../resultgradient.png) 0 0px repeat-x;
    right: 0em;
    text-align: left;
    padding: 1px;
    margin: 0px;
    position: absolute;
    width: 25%; filter:alpha(opacity=85);
    -moz-opacity:.85;
    opacity:.85;
    z-index:100;
    }#livesearchpopup_box .pfeil {
    position: absolute;
    top: -7px;
    right: 19%;
    }#livesearchpopup_box h1 {
    letter-spacing : .05em;
    word-spacing: .15em;
    font-size: 1.5em;
    color: #ffffff;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
    }#livesearchpopup_results {
    width: 100%;
    overflow: hidden;
    text-align: left;
    padding: 0em;
    margin: 0px;
    color: #ffffff;
    background: #375D81;
    }#livesearchpopup_box ul {
    margin: 0px;
    padding: 0px;
    }.livesearchpopup .resultlistitem,
    .livesearchpopup .resultlistitem_selected {
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #e0e0e0;
    text-decoration: none;
    color: #ffffff;
    }.livesearchpopup .resultlistitem_selected,
    #livesearchpopup_box li:hover {
    background: #375D81 url(../searchhovergradient.png) 0 0px repeat-x;
    color: #375D81;
    }#livesearchpopup_box li a {
    text-decoration: none;
    padding: 0.3em;
    display: block;
    width: 100%;
    }.livesearchpopup .resultlistitem a,
    .livesearchpopup .resultlistitem a:visited {
    color: #ffffff;
    }.livesearchpopup .resultlistitem_selected a,
    .livesearchpopup .resultlistitem_selected a:visited,
    .livesearchpopup .resultlistitem a:hover {
    background: #375D81 url(../searchhovergradient.png) 0 0px repeat-x;
    color: #ffffff;
    }.livesearchpopup .spiegel {
    position: absolute;
    top: 12px;
    left: 0px;
    }

  2. David
    Member
    Posted 6 years ago #

    Can anyone help?

  3. David
    Member
    Posted 6 years ago #

    No one?

Topic Closed

This topic has been closed to new replies.

About this Topic