Hallo zusammen!
Ich hab ein kleines Problem, was eher "Schönheitstechnischer" Natur ist :-)
Auf meinem Blog -> http://eitelmann-blog.de sehen alle Felder wie z.b. das "Kommentar abschicken" - Feld seltsam verzogen aus.
z.B. hier (ganz unten bei Kommentare) http://eitelmann-blog.de/wordpress-robo…raucht-man-die/
Wo finde ich die Position in der Style css um die Boxen bzw. Umrandungen dieser Felder zu normaliesieren? Ich muss irgendwo eine margin oder sowas zuviel reingeknallt haben?
Kann Position in der Style.css nicht finden
-
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
Das wird wohl das padding nach oben in der style.css bei Zeile 483 schuld sein.
-
Vielen Dank für die schnelle Hilfe, ich suche aber nun schon gute 1 einhalb Stunden und finds einfach nicht, hier meine Style.css ab Navigation
Code
Alles anzeigen/* =Navigation -------------------------------------------------------------- */ .navigation { color: #888; font-size: 12px; line-height: 18px; overflow: hidden; } .navigation a:link, .navigation a:visited { color: #888; text-decoration: none; } .navigation a:active, .navigation a:hover { color: #ff4b33; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #nav-above { margin: 0 0 18px 0; } #nav-above { display: none; } .paged #nav-above, .single #nav-above { display: block; } #nav-below { margin: -18px 0 0 0; } /* =Comments -------------------------------------------------------------- */ #comments { clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { color: #000; font-size: 20px; font-weight: bold; margin-bottom: 0; } h3#comments-title { padding: 24px 0; } .commentlist { list-style: none; margin: 0; } .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: absolute; top: 4px; left: 0; } .comment-author { } .comment-author cite { color: #000; font-style: normal; font-weight: bold; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 12px; margin: 0 0 18px 0; } .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #ff4b33; } .commentlist .even { } .commentlist .bypostauthor { } .reply { font-size: 12px; padding: 0 0 24px 0; } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #ff4b33; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ input[type=submit] { color: #333; } #respond { border-top: 1px solid #e7e7e7; margin: 24px 0; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } h3#reply-title { margin: 18px 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { color: #888; font-size: 12px; } #respond input { margin: 0 0 9px; width: 98%; } #respond textarea { width: 98%; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 8px 0; } #respond .form-submit input { font-size: 14px; width: auto; } /* =Widget Areas -------------------------------------------------------------- */ .widget-area ul { list-style: none; margin-left: 0; } .widget-area ul ul { list-style: square; margin-left: 1.3em; } .widget_search #s {/* This keeps the search inputs in line */ width: 60%; } .widget_search label { display: none; } .widget-container { margin: 0 0 18px 0; } .widget-title { color: #222; font-weight: bold; } .widget-area a:link, .widget-area a:visited { text-decoration: none; } .widget-area a:active, .widget-area a:hover { text-decoration: underline; } .widget-area .entry-meta { font-size: 11px; } #wp_tag_cloud div { line-height: 1.6em; } #wp-calendar { width: 100%; } #wp-calendar caption { color: #222; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th { } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } .widget_rss a.rsswidget { color: #000; } .widget_rss a.rsswidget:hover { color: #ff4b33; } .widget_rss .widget-title img { width: 11px; height: 11px; } /* Main sidebars */ #main .widget-area ul { margin-left: 0; padding: 10px 20px 0 0; } #main .widget-area ul ul { border: none; margin-left: 1.3em; padding: 0; } #primary { } #secondary { } /* Footer widget areas */ #footer-widget-area { } /* =Footer -------------------------------------------------------------- */ #footer { margin-bottom: 10px; } #colophon { border-top: 4px solid #000; margin-top: -4px; overflow: hidden; padding: 10px 0; } #site-info { font-weight: bold; margin: 10px; } #site-info a { color: #000; text-decoration: none; } #site-generator { font-style: italic; position: relative; } #site-generator a { background: url(images/wordpress.png) center left no-repeat; color: #666; display: inline-block; line-height: 16px; padding-left: 20px; text-decoration: none; } #site-generator a:hover { text-decoration: underline; } img#wpstats { display: block; margin: 0 auto 10px; } -
In der style.css:
Das ist der Übeltäter.ZitatAlles anzeigen#content,
#content input,
#content textarea {
padding: [COLOR=Red]18px[/COLOR] 0 0 0;color: #333;
font-size: 14px;
line-height: 24px;
} -
könnte es das hier sein ?
#respond .form-submit input {
font-size: 14px;
width: auto;}
style.css (Zeile 1099)
#respond input {
margin: 0 0 9px;
width: 98%; -
bgeissler hatte recht, nun sitz ich aber in der Zwickmühle :-) Mache ich das Padding an dieser Stelle auf null, dann sieht das "Kommentare Abschicken" Feld sauber aus. Leider hängt dann aber der kompletter Seitentext press am oberen schwarzen Nav Menü. :(
Edit:
in der
#main {
clear: both;
overflow: hidden;
padding: 0px 0 0 0;ändern bringt auch nix, da sonst mein Nav Menü rechts nicht mehr press oben sitzt ...
-
du kannst ja das #content input, rausnehmen und separat aufführen mit padding 0
Code#content, [COLOR=Red]#content input,[/COLOR] #content textarea { color: #333333; font-size: 14px; line-height: 24px; padding: 18px 0 0 0; }Edit: wobei die textarea ja auch raus muss
würde dann also so
Code
Alles anzeigen#content input, #content textarea { color: #333333; font-size: 14px; line-height: 24px; padding: 0; } #content { color: #333333; font-size: 14px; line-height: 24px; padding: 18px 0 0 0; }
aussehen -
Vielen Vielen Dank! Es hat einwandfrei geklappt! Super!
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!