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;
}