Der div-Container für die Stadt- und PLZ-Vorschläge des PLZ-Assistenten enthält folgende IDs und Klassen:
IDs:
ws_plzhelp_suggest_zip
ws_plzhelp_suggest_city
Klassen:
ws_plzhelp_suggest
ws_plzhelp_suggest_close
ws_plzhelp_suggest_headline
ws_plzhelp_suggest_description
ws_plzhelp_suggest_table_div
ws_plzhelp_suggest_table
ws_plzhelp_suggest_tr_1
ws_plzhelp_suggest_tr_2
ws_plzhelp_suggest_td_1
ws_plzhelp_suggest_td_2
Kopieren Sie folgende Standard-Styles in Ihre CSS-Datei und passen sie gegebenenfalls an:
#ws_plzhelp_suggest_zip,
#ws_plzhelp_suggest_city {
position: absolute;
background: #fff;
z-index: 99;
border: solid 1px #cccccc;
}
.ws_plzhelp_suggest_close {
position: absolute;
top: 0;
right: 0;
height: 16px;
width: 16px;
cursor: pointer;
}
.ws_plzhelp_suggest_close:after {
position: relative;
font-family: FontAwesome;
content: "\f00d";
font-size: 14px;
line-height: 16px;
font-weight: bold;
color: #555555;
}
.ws_plzhelp_suggest_headline {
color: #337ab7;
font-weight: bold;
font-size: 16px;
padding: 10px 5px 10px 10px;
}
.ws_plzhelp_suggest_description {
padding: 0px 10px 10px 10px;
color: #000000;
}
.ws_plzhelp_suggest_table {
width: 100%;
}
.ws_plzhelp_suggest_table_div {
height: 140px;
margin-bottom: 10px;
overflow-y: scroll;
}
.ws_plzhelp_suggest_tr_1 {
background-color: #f5f5f5;
}
.ws_plzhelp_suggest_td_1,
.ws_plzhelp_suggest_td_2 {
padding-left: 10px;
padding-right: 10px;
}
.ws_plzhelp_suggest_table tr:hover,
.ws_plzhelp_select {
background-color: #337ab7 !important;
color: white;
cursor: pointer;
}
Wegweiser: PLZ-Assistent