Artikelübersicht - Merkmalbox anpassen

Star Piercing

Sehr aktives Mitglied
1. Dezember 2012
1.361
371
Die Merkmalkategorien brauchen im moment noch zuviel platz, bzw. sollte alles etwas weiter nach links.
Wie mache ich das am besten?


merkmalliste.jpg
 

Anhänge

  • merkmalliste.jpg
    merkmalliste.jpg
    42,6 KB · Aufrufe: 57

casim

Sehr aktives Mitglied
26. Juni 2012
5.934
9
AW: Artikelübersicht - Merkmalbox anpassen

mittels benutzerdefiniertem Theme und css-Anpassung die Breite verringern
 

Star Piercing

Sehr aktives Mitglied
1. Dezember 2012
1.361
371
AW: Artikelübersicht - Merkmalbox anpassen

Sollte ja das hier sein oder?

Code:
#filter_group {
    margin: 1em 0 0 0;
    width: 100%;
}

#filter_group .item {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 3px;
    background-color: #f8f8f8;
}

#filter_group strong.label {
    float: left;
    width: 25%;
    display: block;

    text-align: right;
    font-weight: bold;
    vertical-align: middle;
    line-height: 22px;
}

#filter_group ul.values {
    vertical-align: middle;
    margin-left: 26%;
    font-size: 0.9em;
    background-color: #fff;
    padding: 1px 1em;
}

Leider habe ich es bisher nicht richtig hinbekommen.
 

ag-websolutions.de

Sehr aktives Mitglied
29. Dezember 2009
14.548
232
AW: Artikelübersicht - Merkmalbox anpassen

ist ganz einfach.

Mache hier

Code:
#filter_group strong.label {
  display: block;
  float: left;
  font-weight: bold;
  line-height: 22px;
  text-align: right;
  vertical-align: middle;
  [COLOR=#ff0000]width: 25%;[/COLOR]
}

aus dem width: 25% ein (Beispiel): width: 100px;

und bei

Code:
#filter_group ul.values {
  background-color: #FFFFFF;
  font-size: 0.9em;
  [COLOR=#ff0000]margin-left: 26%;[/COLOR]
  padding: 1px 1em;
  vertical-align: middle;
}

machst du aus dem margin-left: 26% ein (Beispiel) width: 110px;