redigere forms.css

Her kan du spørge om hjælp til design, templates og css.

Moderators: b-ronnow, General Support Moderators

Locked
aeroeweb
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Tue Aug 24, 2010 11:21 am

redigere forms.css

Post by aeroeweb » Thu Apr 25, 2013 12:32 pm

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
You do not have the required permissions to view the files attached to this post.

Chr1000_dk
Joomla! Intern
Joomla! Intern
Posts: 60
Joined: Thu Nov 18, 2010 8:02 am
Location: Denmark

Re: redigere forms.css

Post by Chr1000_dk » Tue Aug 20, 2013 11:33 am

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;
}
Kind regards
Christian

aeroeweb
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Tue Aug 24, 2010 11:21 am

Re: redigere forms.css

Post by aeroeweb » Tue Aug 20, 2013 12:39 pm

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

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: redigere forms.css

Post by Gadensgaard » Tue Aug 20, 2013 1:04 pm

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
Joomla! Intern
Joomla! Intern
Posts: 60
Joined: Thu Nov 18, 2010 8:02 am
Location: Denmark

Re: redigere forms.css

Post by Chr1000_dk » Tue Aug 20, 2013 1:18 pm

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.
Kind regards
Christian

aeroeweb
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Tue Aug 24, 2010 11:21 am

Re: redigere forms.css

Post by aeroeweb » Tue Aug 20, 2013 1:43 pm

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


Locked

Return to “Template, CSS og Design”