Vier wichtige Fragen

    Hallo,

    ich komme mit meiner Website Stück für Stück meinem Ziel näher, habe aber jetzt noch vier kleine Probleme die äußers wichtig für die Seite sind und wo ich keine Lösung finde. (CSS-Noob am start :!:)^^ Meine Seite: http://www.keyy.de ich hoffe Ihr könnt mir da kurz helfen.

    1. Wie kann ich speziell oben im Slider den Auszug anpassen? Wenn ich den Auszug im Artikel selbst kürze, wird er ja auch unten bei den News gekürzt was wiederum scheiße aussieht.

    2. Wie kann ich die größe der Überschriften auf der Hauptseite kleiner machen? (Unter den Bildern die)

    3. Wo und in welches .css-Datei lassen sich die Abstände zwischen den z.B. "Game Highlights" und "Specials" einstellen?

    4. Das größte Problem: Unter "News" steht je bei den Artikel ein rießen "Weiterlesen"-Button. Lässt sich der verkleinern und verschieben? Der sollte möglichst so wie auf dem Bild aussehen, oder wenigstens direkt dann kommen, wenn der Text endet (muss ja nicht rechtsbündig sein).
    Entweder so: Bild
    Oder so: Webseite
    Besser wäre die erste variante.

    Danke schonmal im vorraus, wäre sehr nett wenn mir der eine oder andere was dazu antworten könnte, sonst sitze ich noch in 2 Monaten an dem Problem.


    Gruß

    • 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)

    Mehr erfahren

    Zitat von SnakeSturm


    4. Das größte Problem: Unter "News" steht je bei den Artikel ein rießen "Weiterlesen"-Button. Lässt sich der verkleinern und verschieben? Der sollte möglichst so wie auf dem Bild aussehen, oder wenigstens direkt dann kommen, wenn der Text endet (muss ja nicht rechtsbündig sein).

    /wp-content/themes/arras[COLOR=Red]/css/styles/default.css[/COLOR] Zeile 151

    ersetze diesen Codeteil

    mit

    wenn der Button noch etwas hochrutschen soll

    wp-content/themes/arras[COLOR="Red"]/css/base.css[/COLOR] Zeile 130

    Code
    .posts-quick [COLOR="Red"].quick-read-more[/COLOR] {
    margin: 10px 0 5px;
}

    entferne das rot markierte

    :D Ich weiß zwar nicht wie du das machst, aber du bist genial^^ vielen dank, meinst du ich bekomm den button irgendwo noch was höher, so, dass der fast in der selben zeile wie das textende ist?

    Kann mir bitte nochmal einer was zu den anderen Punkten sagen? http://www.keyy.de
    1. Wie kann ich speziell oben im Slider den Auszug anpassen? Wenn ich den Auszug im Artikel selbst kürze, wird er ja auch unten bei den News gekürzt was wiederum scheiße aussieht.

    2. Wie kann ich die größe der Überschriften auf der Hauptseite kleiner machen? (Unter den Bildern die)

    3. Wo und in welches .css-Datei lassen sich die Abstände zwischen den z.B. "Game Highlights" und "Specials" einstellen?

    Allgemein zum selbst finden, verwende Firebug(Link in meiner Sig.) damit findest du alle Stellen die du ändern willst.

    zu 1.
    Du hast ja anscheinend die auf den Slider angepasste Ausgabe, verändert/erweitert um mehr Inhalt anzuzeigen.

    einfache Lösung wäre hier im Slider, nur noch die Überschrift anzuzeigen
    also entsprechende php Datei suchen und innerhalb des div's

    Code
    <div class="featured-entry">Inhalt</div>

    das div

    Code
    <div class="entry-summary">Inhalt</div>

    entfernen


    zu 2.
    wp-content/themes/arras/[COLOR=Red]css/styles/default.css
    [/COLOR]

    Code
    .posts-default .entry-title {
    font-size: [COLOR=Red]14[/COLOR]px;
    font-weight: 700;
}

    zu 3.
    wp-content/themes/arras/[COLOR=Red]css/styles/default.css[/COLOR]

    Code
    .posts-line li {
    border-bottom: 1px solid #EEEEEE;
    padding: [COLOR=Red]7[/COLOR]px 0;
}

    zum weiterlesen

    da musst in der zuständigen php Datei den Link aus dem p Tag nehmen

    Code
    [COLOR=Red]<p class="quick-read-more">[/COLOR] hier ist der Link [COLOR=Red]</p>[/COLOR]

    allerdings geht dadurch der Button verloren, steht also nur noch der Schriftzug da

    Eine Frage noch zum ersten Punkt. Ich hab jetzt zwar den Auszug aus dem Slider weg, aber das sieht mal richtig scheiße aus jetzt. ich würde da gerne den titel rechtsbündig machen und diesen transparenten hintergrund ein wenig dezimieren, heißt weiter runter machen. wenn ich wüsste wie würd ichs selber machen, nur bin ich noch am lernen was css-codes betrifft und wie wo was hin muss.

    Edit: Hab das Problem mit dem transparenten Hintergrund gefunden. Nun muss ich nur noch wissen wo ich wie die Schriftgröße einstellen kann und wie ich die Überschrift im Slider Rechtsbündig machen kann.

    Einmal editiert, zuletzt von SnakeSturm (24. Februar 2011 um 18:46)

    Zitat von SnakeSturm


    ps: ich hab firebug drauf

    schön :wink:

    dann einfach Rechtsklick auf das Element das du ändern willst und Element untersuchen.......schon wird dir alles angezeigt und du kannst zum Testen die Werte ändern


    Code
    .featured-entry {
    height: 84px;
    top: -84px;
}

    ändern in

    Code
    .featured-entry {
    height: 40px;
    top: -40px;
}

    und in der /arras/css/styles/default.css Zeile 129
    ein float: right; hinzufügen
    also

    Code
    .featured-entry .entry-title {
    color: #FFFFFF;
   [COLOR=Red] font-size: 18px;[/COLOR]
   [COLOR=Red] font-weight: 700;[/COLOR]
    padding: 10px 15px 5px;
    [COLOR=Red]float: right;[/COLOR]
}

    gerade dein Edit gesehen und noch die Schriftgröße sowie die Schriftstärke markiert

    Einmal editiert, zuletzt von Tutrix (24. Februar 2011 um 18:52)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden