Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.
Seiten: 1
#1 23. Januar 2013 14:10
- kampkrusty
- Server-Pate
- Registriert: 03. April 2011
- Beiträge: 263
News Modul Formular stylen
Ich bin gerade dabei das Formular Template für das Frontend fit zu machen. Dazu wollte ich einige CSS Änderungen vornehmen.
Ich bekomme es dabei aber nicht hin den size der Input Felder zu ändern. Die Felder sind im Moment riesig groß. Ich sehe im Firebug das die Werte vorgegeben sind aber nicht woher sie kommen. Kann mir da jemand einen Hinweis geben?
ff-jena-mitte.de
Offline
#2 23. Januar 2013 18:10
- otter24
- kennt CMS/ms
- Ort: Hamburg
- Registriert: 12. Januar 2011
- Beiträge: 339
Re: News Modul Formular stylen
Also zunächst kannst Du mal dem Formular eine class geben und dann fast jedem einzelnen Feld, damit kannst Du die Felder gezielt anprechen. Das kannst Du bei den "Erweiterte Einstellungen" eines jeden Feldes.
So sieht bei mir z.B ein input für normalen Text also Name, Anschrift etc. aus. Ich begrenze die Breite mit der Breite des Formulars. Deswegen in diesem Fall width: 100%;
[== CSS ==]
input[type="text"] {
background-color: white;
border: 1px solid #CCCCCC;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
color: rgba(0, 0, 0, 0.75);
display: block;
font-family: inherit;
font-size: 14px;
height: 32px;
margin: 0 0 12px;
padding: 6px;
transition: all 0.15s linear 0s;
width: 100%;
}Also ich nehme immer meine eigene CSS - datei.
Ich bin war kein Klugscheißer, ich weiß wusste es wirklich nicht besser.
Offline
#3 06. Februar 2013 13:28
- kampkrusty
- Server-Pate
- Registriert: 03. April 2011
- Beiträge: 263
Re: News Modul Formular stylen
Es geht mir dabei nur um die Extra Felder im News Modul. Hier habe ich eine maximale Länge von 300 angegeben. Entsprechend groß macht er auch das Feld im Template (size="300").
Das lässt sich per css nicht überschreiben, da die css Vorgaben scheinbar durch das Modul selbst erst generiert werden.
[== html ==]
<p class="legend">Presse:</p> <p class="input">
<input id="mbcd7fnews_customfield_4" class="cms_textfield" type="text" maxlength="300" size="300" value="" name="mbcd7fnews_customfield_4">Den Punkt "erweiterte Einstellungen" kann ich im Backend nicht finden.
Die Passage im Template dazu sieht aus wie folgt:
{if isset($customfields)}
{foreach from=$customfields item='onefield'}
<div class="formbuddy">
<p class="legend">{$onefield->name}:</p>
<p class="input">{$onefield->field}</p>
</div>
{/foreach}
{/if}Beitrag geändert von kampkrusty (06. Februar 2013 13:49)
ff-jena-mitte.de
Offline
#4 06. Februar 2013 15:35
- kupido
- probiert CMS/ms aus
- Ort: Dresden
- Registriert: 06. November 2011
- Beiträge: 64
- Webseite
Re: News Modul Formular stylen
Du kannst dem Feld eine andere Klasse geben sprich anstatt class=input machste class=input2
oder was auch gehen müßte wäre in der css .formbuddy.input { width: ...}
sprich genau sagen input feld in dem div.
Steht im firebug element.style von dem die css werte kommen?
Ein Ansprechpartner zur energetischen Sanierung von privaten Wohneigentum
AWES
Offline
#5 06. Februar 2013 21:19
- Andynium
- Moderator
- Ort: Dohna / SN / Deutschland
- Registriert: 13. September 2010
- Beiträge: 7.018
- Webseite
Re: News Modul Formular stylen
da die css Vorgaben scheinbar durch das Modul selbst erst generiert werden.
Könntest dies versuchen
{$onefield->field|replace:'size="300"':'size="100"'}siehe auch
Offline
#6 07. Februar 2013 13:18
- kampkrusty
- Server-Pate
- Registriert: 03. April 2011
- Beiträge: 263
Re: News Modul Formular stylen
kampkrusty schrieb:da die css Vorgaben scheinbar durch das Modul selbst erst generiert werden.
Könntest dies versuchen
{$onefield->field|replace:'size="300"':'size="100"'}siehe auch
Besten Dank! 
ff-jena-mitte.de
Offline
Seiten: 1