Anpassung von Modern Clix Theme

fevon

Hallo zusammen,

ich bin gerade dabei wieder neu in Wordpress einzusteigen und dazu passe ich gerade das Modern Clix Theme für meinen Blog an.

Ich möchte in dem Header ein Logo hinzufügen, welches jedoch auf einer Ebene (auf einer Zeile) rechts oder auch links mit dem Text stehen soll. Das Logo habe ich aktuell einfach im header via <img > und float in der header.php des Themes eingefügt. Ich bin jedoch absolut nicht sicher, ob dies der richtige Weg ist. Sollte man es doch eher per Background Image machen, oder wie wird so etwas richtig gemacht?

Eine zweite Sache die mich interessieren würde, wäre der folgende Effekt: http://www.rodrigogalindez.com/. Ich möchte die Texte im Header auch unten teilweise "verschwinden" lassen. Dazu habe ich mir auch schon CSS und HTML von Rodrigo's Blog angesehen, konnte jedoch keinen Anhaltspunkt erkennen. Weiß hier jemand einen Rat?

Zur Info, ich nutze Version 2.8.4 und meinen Blog findet ihr hier: http://www.swantasia.de/

Vielen Dank für Eure Hilfe,
Felix

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

Rarehero

zu 1: Es gibt mehrere Möglichkeiten. Du könntest das Bild einfach mit einem Innenabstand oder auch Außenabstand versehen:

padding: 20px 5px 0 0;

oder

margin: 20px 5x 0 0;

Der erste Wert bestimmt den Abstand nach oben, der zweite Werte den Abstand nach rechts zu den Überschriften. Die manderen beiden Werte (0) sind hier egal.

zu 2: Der Typ hat folgendes im CSS-Code stehen:

Code

#header {
    height: 19.7em; /* WICHTIG */
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    overflow: hidden;  /* DER MAGISCHE TRICK */
}


#header h1 {
    margin-top: .45em;  /* WICHTIG */
    font-size: 9em;  /* WICHTIG */
    width: 9em;
}


#header h1 a, #header h2 {
    color: #000;
}

Alles anzeigen

Ich hab dir markiert, welche Zeilen wichtig für den gewünschten Effekt sind.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Anpassung von Modern Clix Theme

Jetzt mitmachen!