redigere forms.css

[aeroeweb]

Er der nogen der har et tip til hvordan jeg kan redigere i forms.css (ligger her> resource://gre-resources/forms.css) - således jeg kan ændre størrelse og udseende på input-fields.

venlig hilsen
Henrik Schrøder

[Chr1000_dk]

Hvis du installere Firefox browser og et plugin der hedder firebug, kan du finde div navnene eller class på input feltet.

Du kan også bruge Chrome, højre klik på formen og vælge "vis detaljer om elementet".
eks. på css fil.
.sfg-form input, .sfg-form input
height: 34px !important;
padding: 2px;
width: auto;
}

[aeroeweb]

Ja, det var også den vej jeg endte med at gå. Ved at bruge Firebug funktionen "Add Rule", skrev jeg mine helt egne css-rules til sitets forms. Eks.:
.controls > input {
height: 30px;
width: 220px;
border-width: 1px;
margin-top: 2px;
margin-bottom: 14px;
margin-right: 10px;
padding-left: 8px;
}
vh Henrik

[anojoomous]

Hej Henrik

Vær opmærksom på at de regler du tilføjer i FireBug kun er lokale for din egen visning af sitet. Ændringerne skal tilføjes filen før de vil slå igennem for alle brugere på siden.

[Chr1000_dk]

Hvis du kopier, det du havde rettet i firebug:
.controls > input {
height: 30px;
width: 220px;
border-width: 1px;
margin-top: 2px;
margin-bottom: 14px;
margin-right: 10px;
padding-left: 8px;
}

og indsætter det i din egen css fil.
Har du en sådan css fil.

[aeroeweb]

Hej Christian og Kasper

Tak for jeres respons.

Ja, som I ganske rigtigt påpeger - de ændringer man foretager via Firebug er kun synlige i den lokale browser. Når man har skrevet dem og er tilfreds med det grafiske look, skal koderne kopieres og indskrives i css-filen for den aktive template.

Det fik jeg ikke skrevet i første omgang, fordi det er "almindelige viden" for sådan nogle som jer, men jeg glemte at andre jo også kan lære af denne tråd Så det være hermed slået fast.

vh Henrik