Hilfe: CSS Neuling verzweifelt am Suchformular

new-girl · 8. Juli 2013

Hallo zusammen,

ich bin ziemlicher css Neuling und komme mit der Erstellung meines themes einfach nicht weiter. Ich habe in der rechten Sidebar ein Suchfeld und direkt darunter einen Twitter & Facebook Follow Button. Leider ist das margin/padding viel zu gering. Ich bin ungefähr alle Einstellungen 3x durchgegangen und sehe einfach die dazugehörige css Komponente nicht (mehr). Was ich eigentlich einstellen wollte, war das Suchfeld weiter nach oben zu setzen und dafür den Abstand zum Twitter Button etwas zu verkleinern. Ausserdem würde ich gerne das Suchfeld mit einem border versehen, damit es besser sichtbar wird. Über Hilfe wäre ich euch sehr dankbar!

Hier schon einmal das css:

/* =Widgets----------------------------------------------- */

.widget {
overflow: hidden; /* For clearing floats */
}
#secondary {
border-left: none;
}
#secondary .widget {
margin: 0 0 1.615em;
padding-left: 7.042253521127%;
}
.widget-title {
font-family: 'Sue Ellen Francisco', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-size: 21px;
margin-left: 10px;
margin-top: 8.3rem;
padding-left: 8px;
}
#secondary .widget-title {
border-bottom: none;
color: #2a2a2a;
margin: 2 0 0.6em -7.04225%;
padding: 0 0 0.8075em 7.042253521127%;
}
#secondary .widget-title + ul,
#secondary .widget-title + div > ul {
margin-top: -.65em;
}
#secondary .widget > ul,
#secondary .widget > div > ul {
list-style: none;
margin-left: 0em;
}
#secondary .widget > ul > li,
#secondary .widget > div > ul > li {
border-bottom: 0px solid #eee;
margin-left: -7.042253521127%;
padding: .65em 0 .4em 7.042253521127%;
}

/* Calendar Widget */
td#next {
text-align: right;
}

/* Milestone Widget */
#page .milestone-header {
color: #4a4a4a;
background: #fff;
border: 0px double #eee;
border-width: 3px 3px 0;
padding: 1.615em 0 0;
}
#page #supplementary .milestone-header {
border-color: #dcdcdc;
}
#page .milestone-countdown {
color: #4a4a4a;
background: #fff;
border: 0px double #eee;
border-width: 0 3px 3px;
}
#page #supplementary .milestone-countdown {
border-color: #dcdcdc;
}
#page .milestone-header .date:before {
content: "— ";
color: #ddd;
}
#page .milestone-header .date:after {
content: " —";
color: #ddd;
}
#page .milestone-countdown {
font-style: italic;
}
#page .milestone-countdown .difference {
color: #ddd;
font-weight: normal;
font-size: 700%;
line-height: 1;
}

/* Search Widget */
#supplementary .widget_search #searchform {
margin: 0 0 1.615em 0;
}
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Q-Max · 9. Juli 2013

Ein Link auf die Problemstelle (Seite) wäre nicht schlecht. So kann man dir schlecht helfen. Das du wohl am margin schrauben musst hast du ja schon selbst richtig erkannt.

LG

WPDE.org

Hilfe: CSS Neuling verzweifelt am Suchformular

new-girl Member

Q-Max Well-Known Member

Nützliche Suchen

Hilfe: CSS Neuling verzweifelt am Suchformular

new-girl Member

Q-Max Well-Known Member