Brauche Hilfe bei der Anpassung

chase

Hey,

hab ein Problem, möchte folgende zwei Sachen wie auf dem Bild geändert haben.
Das Wort Testseite soll bündig und der Button "bearbeiten" soll rechts auf gleicher Höhe wie das Datum sein. Verwende das myFS WildTux Template.

Auszug aus der CSS:

Code

.Post {padding: 0px; position: relative; clear: left;}
.PostHead { position: relative; clear: left; background:  url(images/PostHead.gif) repeat-x bottom; padding-bottom: 10px; margin:  0px;}
.PostHead h1 { font-size: 20px; text-align: left; line-height: 20px;  letter-spacing: -1px; font-weight: left; padding: 0px 0px 10px 40px;  margin: 0px; color:#ffffff; }
.PostHead h1 a:visited { color: #ffffff; text-decoration: none;}
.PostHead h1 a:hover { color:#EF5643; text-decoration: none;}
.PostHead h1 a { color: #ffffff; text-decoration: none; text-align: left;}

Auszug aus der Hauptindex-Template (index.php)

PHP

<div class="PostHead">
<h1><a title="Permanent Link to <?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
<div class="PostEdit"><?php edit_post_link('Bearbeiten'); ?></div>
<small><?php the_time(__('j. F Y', '')) ?> <!-- by <?php the_author() ?> --></small>

Werbepost

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)

Mehr erfahren

JakoThAn

Hey,

Zitat

Das Wort Testseite soll bündig

Ändere in der CSS folgenden Wert in der Zeile .PostHead h1

HTML

padding: 0px 0px 10px 40px;

in

HTML

padding: 0px 0px 10px 0px;

So wird gezählt: oben rechts unten links

Für den 2. Punkt wäre ein Blick auf die

HTML

<div class="PostEdit">

in der CSS hilfreich...

Thomas

chase

Danke schonmal, das erste hat einwandfrei geklappt ;-)

Zu Punkt 2:

Code

.PostAuthor { padding: 1px 0px 0px 40px; margin: 0px; font-size: 10px; color: #e7e7e7; font-weight: bold;}
.PostDate { margin: 0px; position: absolute; top: 0px; left: 1px; text-align: center; padding: 0px 10px 6px 0px;}
.PostDate small { font-size: 12px; color:#0099cc; font-weight: bold; }
.PostDate .month { display:block; text-transform: uppercase; font-size: 9px;}
.PostDate .day { display:block; font-size: 24px; line-height: 24px; font-family: 'Arial'; letter-spacing: -1px; font-weight: normal; color:#0099cc;}
.PostDate .year { display:block;}
.PostContent { padding: 0px 0px 5px 0px; font-size: 12px; line-height: 17px; background: url(images/PostHead.gif) repeat-x bottom;}
.PostContent p { font-size: 12px; line-height: 17px;}
.PostContent p strong {}
.PostContent img {}
.PostContent ul { padding: 10px 0px; margin: 0px; }
.PostContent li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.PostContent blockquote { padding: 2px 10px; background: #4c4434; margin: 0px; color:#dbc9a5; }
.PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#8ec200; }
.PostContent blockquote a { color:#0080ca; }
.PostContent blockquote a:visited { color:#0080ca; }
.PostContent blockquote a:hover { color:#003399; }
.PostContent a { text-decoration: none;}
.PostDet { padding-top: 15px;}
.PostDet ul { padding: 0px; margin: 0px;}
.PostDet li { padding: 5px 0px 5px 18px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color: #0099cc; font-size: 10px; font-weight: bold; } 
.PostDet li a { text-decoration: underline;} 
.PostCateg { background: url(images/) no-repeat left center;  }
.PostCom { background: url(images/) no-repeat left center;  }

Alles anzeigen

JakoThAn

*Augenreib*
Ist ja auch schon ganz schön spät, aber die Klasse .PostEdit konnte ich jetzt nicht sehen... :shock:

chase

Öhm ja, vielleicht liegt es daran, weil ich das Ding mal verändert habe.
Wie füge ich denn nen neuen CSS für das ein?

Ah ok, hab den drin

Code

.PostEdit { font-size: 12px;}

JakoThAn

Dann auch hier floaten.

HTML

.PostEdit { font-size: 12px; float: right;}

Evtl. mal im obigen Code die Zeilen

PHP

<div class="PostEdit"><?php edit_post_link('Bearbeiten'); ?></div>
<small><?php the_time(__('j. F Y', '')) ?> <!-- by <?php the_author() ?> --></small>

miteinander tauschen...

chase

Wow, hat super geklappt, danke dir

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Brauche Hilfe bei der Anpassung

Jetzt mitmachen!