Filter| Abstände und Schriftgröße ändern ?

Dieses Thema im Forum "Themes" wurde erstellt von Anonymous, 8. Dezember 2021.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Hallo,

    ich möchte die Achriftgröße und die Zwischenabstände verringern.
    der Filter hat ja keine speziellen Einstellmöglcihkeiten , oder ?

    wie wären die css Befehle für Schriftgröße und Veringerung der Abstände ?

    vielen Dank
     

    Anhänge:

  2. Anonymous

    Anonymous Erfahrener Benutzer

    Hallo kiamh,

    für die Zwischenabstände gibt es folgende CSS Befehle (die Werte musst du entsprechend ändern, damit es für dich passt):
    Code:
    form fieldset:first-of-type {
        margin-top: 30px;
    }
    Code:
    form fieldset {
        margin-bottom: 30px;
    }
    Und für die Schriftgröße müsste der hier sein:
    Code:
    .box-filter {
        font-size: 14px;
    }
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    vielen Dank

    .box-filter {
    font-size: 14px;
    }
    sieht dann so aus , wie kann ich die größeren Schriften verringern ?
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Passiert irgendwie nix, cache habe ich geleert, es rückt ein wenig zusammen, fällt kaum auf.

    Hast du noch eine Idee ? danke
     

    Anhänge:

  5. Anonymous

    Anonymous Erfahrener Benutzer

    Welchen Wert hast du denn eingetragen statt der 30px? Und hast du beide geändert?
    Also: form fieldset:first-of-type UND form fieldset

    Hab gerade auf deiner Seite geschaut ... du hast da auch noch einen anderen Abstand drin.
    Wenn du den Wert bei padding reduzierst, sollte der Abstand jedenfalls kleiner werden.

    Code:
    .box-filter form fieldset {
        padding-top: 30px;
    }
     
    Zuletzt bearbeitet: 8. Dezember 2021
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Bei mir ändert der Code sowohl die Überschriften der Filter als auch die Auswahlmöglichkeiten.

    Probiere es mal hiermit:
    Code:
    .box-filter form fieldset .option-heading {
        font-size: 16px;
    }
     
    Zuletzt bearbeitet: 8. Dezember 2021