[Erledigt] CSS Anpassung jqui-Button State

[mctom]

Hallo zusammen,

ich passe gerade ein wenig meine Views an.

Bei einer CSS Anpassung komme ich einfach nicht mehr weiter.

Ich nutze den Button jqui-Button State.

Wie bekomme ich es nun hin das der Text weiter links beginnt und nicht erst nach ein paar px?

Hier meine aktuelle CSS config:

.button4 .ui-corner-all
{
border-radius: 0px !important;
}

.button4 .ui-state-default {
    background: rgba(77, 77, 77, 1) !important;
    color: #ffffff !important;
    font-weight: normal !important;
    font-family: RobotoCondensed-Regular !important;
    font-size: 16px !important;
    border: 0px solid #ffffff !important;
    box-shadow: inset 0px 0px 1px #FFFFCC !important;;
    padding: 0px !important;
}

Vielen Dank für die Hilfe.

Gruß

Michael

[pix]

Hallo,

habe das reproduziert:
Zu Ansteuerung habe ih allerdings die individuelle Widget-ID verwendet #w01250

Den Text kannst du mit dem Padding im Rahmen positionieren. Ein negatives Padding für links ist der Schlüssel.

padding: oben rechts unten links
````Wenn der Wert 0 gesetzt wird, ist keine Einheit nötig.

#w01250 .ui-button
{
border-radius: 0 !important;
}

#w01250 .ui-state-default {
background: rgba(77, 77, 77, 1) !important;
color: #ffffff !important;
font-weight: normal !important;
font-family: RobotoCondensed-Regular !important;
font-size: 16px !important;
border: 0 solid #ffffff !important;
box-shadow: inset 0 0 1px #FFFFCC !important;;
padding: 0 0 0 -10px !important;
}

Gruß

Pix

[mctom]

Hallo Pic,

mit deiner Variante hat es leider auch nicht geklappt aber ich habe es jetzt trotzdem geschafft.

Hier die CSS mit denen es klappt:

.button4 .ui-button-text-only .ui-button-text {
    padding: 0 !important;
}

Gruß

MIchael