"Search autocomplete" bug fix

Sports and Outdoor

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .form-search .search-autocomplete ul, .form-search .search-autocomplete li {border-color: #9A9343;} .form-search .search-autocomplete {background-color: #D2C683;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover {cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: 10px; margin-top: 0px;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;}

Health & Beauty v1

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .form-search .search-autocomplete ul {border-color: #DADADA;} .form-search .search-autocomplete {background: #f6f7fa;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover {cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: 0px; margin-top: 0px;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;}

LightShop v1 (Green, Pink, Red, Blue)

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .form-search .search-autocomplete ul {border-color: #d9dde3 !important;} .form-search .search-autocomplete {background: #fff;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover {cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: 0px; margin-top: 0px;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;} .header .form-search .search-autocomplete li {border: none;}

PerfectWhite v1

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .form-search .search-autocomplete ul {border-color: #d9dde3 !important;} .form-search .search-autocomplete {background: #fff;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover {cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: -8px; margin-top: 2px;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;} .header .form-search .search-autocomplete li {border: none;}

SexToys v1

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .header .form-search .search-autocomplete ul {border-color: #f1b879;} .header .form-search .search-autocomplete li {background:#fffbf6; border-color: #ffe7cc;} .header .form-search .search-autocomplete li.selected {background-color:#fff1e2;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover { cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: 10px; margin-top: 0px;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;}

Hightech v1

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .header .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px;} .header .form-search .search-autocomplete li {color: #DADADA; font-size: 11px; border-bottom: 1px solid #596163;} .header .form-search .search-autocomplete li span { padding-right: 7px;} .header .form-search .search-autocomplete li:hover {cursor: pointer; color: #fff;} .header .form-search .search-autocomplete { border-radius: 0px 0px 3px 3px; background: #6e7374; margin-top: -1px; margin-left:-20px; border: 1px solid #000;}

Innovation v1

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .form-search .search-autocomplete ul {border-color: #d9dde3 !important;} .form-search .search-autocomplete {background: #fff;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover {cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: 0px; margin-top: 0px;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;} .header .form-search .search-autocomplete li {border: none;}

Universal Blue v1

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .form-search .search-autocomplete ul {border-color: #DADADA;} .form-search .search-autocomplete {background: #f6f7fa;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover {cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: 0px; margin-top: 0px;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;}

Zeta v1

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .form-search .search-autocomplete ul {border-color: #d9dde3 !important;} .form-search .search-autocomplete {background: #fff;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover {cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: -40px !important; margin-top: 25px !important;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;} .header .form-search .search-autocomplete li {border: none;}

Perfect Breeze v1

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .form-search .search-autocomplete ul {border-color: #d9dde3 !important;} .form-search .search-autocomplete {background: #fff;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover {cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: -40px !important; margin-top: 14px !important;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;} .header .form-search .search-autocomplete li {border: none;}

Prestige v1

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .form-search .search-autocomplete ul {border-color: #000 !important;} .form-search .search-autocomplete {background: #45200D;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover {cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: 10px !important; margin-top: 0px;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;} .header .form-search .search-autocomplete li {border: none;}

Furniture v1

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .form-search .search-autocomplete ul {border-color: #CDC8B7 !important;} .form-search .search-autocomplete {background: #E1DCC9;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover {cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: -40px !important; margin-top: -4px !important;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;} .header .form-search .search-autocomplete li {border: none;}

Hello Kitty v1

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .form-search .search-autocomplete ul {border-color: #A7B3CD !important;} .form-search .search-autocomplete {background: #fff;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover {cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: 0px; margin-top: -3px !important;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;} .header .form-search .search-autocomplete li {border: none;}

StrongBlack v1

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .form-search .search-autocomplete ul {border-color: #4F4E4E !important;} .form-search .search-autocomplete {background: #222;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover {cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: 0px; margin-top: 0px;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;} .header .form-search .search-autocomplete li {border: none;}

Magento Sport v1

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .form-search .search-autocomplete ul {border-color: #d9dde3 !important;} .form-search .search-autocomplete {background: #fff;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover {cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: -40px !important; margin-top: -4px !important;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;} .header .form-search .search-autocomplete li {border: none; color: #000;}

Kids v1

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css. Add following code to the end of skin.css file

/*search autocomplete fix*/ .form-search .search-autocomplete ul {border-color: #FFC981 !important;} .form-search .search-autocomplete {background: #fff;} .form-search .search-autocomplete ul, .form-search .search-autocomplete li {text-align: left; padding: 1px 5px 1px 5px; font-weight: bold;} .form-search .search-autocomplete li:hover {cursor: pointer;} .form-search .search-autocomplete {border-radius: 0px 0px 3px 3px; margin-left: 0px !important; margin-top: 0px !important;} .header .form-search .search-autocomplete { z-index:999 !important;} .search-autocomplete .amount { float: right; font-weight: normal;} .header .form-search .search-autocomplete li {border: none; color: #2F3135;}

Go to contentsBack to previous page