Position des Logos verändern

standarthoid

Hallo ihr Lieben,

ich bin noch ziemlicher Neuling, was die Umgestaltung von Wordpress-Themes angeht.
Auf meinem Blog verwende ich gerade das Business Builder Theme. Wenn ich dort mein Logo einfüge, erscheint es allerdings viel zu groß über dem Titel der Seite. (anbei der Link, damit ihr euch ein Bild davon machen könnt: http://www.unicorn-me.com)
Ich hätte eigentlich gerne, dass das Logo links neben der Überschrift erscheint, quasi in der Größe, in der jetzt Überschrift und Beschreibung zusammen sind.
Könnte mir jemand weiterhelfen, welche Änderungen an dem CSS-Sheet ich da vornehmen muss, damit das klappt?

Vielen Dank schonmal und viele Grüße
standarthoid

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

Sailor56

Mache niemals Änderungen an den zu deinem WP Theme gehörenden CSS Sheet... genau so, wie du auf jeden Fall die Finger von den anderen zum Theme gehörenden Dateien lassen solltest! Wenn du Änderungen vornehmen möchtest, dann erstelle dir ein Child-Theme und ändere es dort.
Wenn es sich um reine CSS Änderungen/ Ergänzungen handelt, dann muss es nicht unbedingt ein Child-Theme seine, solche Änderungen kann man im 'zusätzlichen CSS' des Customizers durchführen... schau dir dazu mal folgendes Video an!

Externer Inhalt www.youtube.com

Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.

Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

Dein Problem ließe sich mit folgendem CSS Code im zusätzlichen CSS lösen.

HTML

a.custom-logo-link {
  float: left;
  width: 40%;
}
.site-title {
  width: 60%;
  margin-top: 8vw;
}
p.site-description {
  display: inline-block
}
@media screen and (max-width: 550px) {
  a.custom-logo-link {
  float: none;
  width: 100%;
}
.site-title {
  width: 100%;
  margin-top: 0;
}
p.site-description {
  display: block;
}
}

Alles anzeigen

Das ist zwar jetzt keine besonders elegante Lösung (gerade wegen des 'float: left;'), was mitunter zu Problemen führt, aber andere Lösungen würden zu tiefer gehenden Eingriffen im Quellcode führen, von denen man als Anfänger besser die Finger lässt.
Bitte das mal testen und wenn es nicht klappt einfach den Code wieder aus dem zusätzlichen CSS löschen.

standarthoid

Vielen Dank für die Antwort! Hab's gleich mal umgesetzt.
ich hab mich in meinem Ausgangsthread ein bisschen falsch ausgedrückt. Ich habe das Theme eh schon als Childtheme jetzt und wollte im Idealfall nur zusätzliches CSS anwenden und nicht direkt das Stylesheet bearbeiten. Das hätte ich nur gemacht, wenns gar nicht anders gegangen wär. War bis jetzt nur noch zu keiner Lösung gekommen, wie man das so hinbekommt, dass das funktioniert.
Hast du noch einne Tipp, wo man sich diese Sachen am Besten aneignen kann, wie man solche Änderungen vornimmt?
Merci vielmals!

Sailor56

Die Frage ist gar nicht so einfach zu beantworten... man sollte als erstes natürlich die Grundlagen von HTML und CSS lernen. Dafür gibt es jede Menge Tutorials im Netz - einfach mal mit der Suchmaschine deines Vertrauens nach 'Grundlagen CSS' und 'Grundlagen HTML' suchen, da findest du eigentlich alles, was man für den Anfang braucht.
Als zweites und mindestens ebenso wichtig, ist der Umgang mit den Webentwickler-Tools deines Browsers - wird ja auch im Video angesprochen. Diese Tools sind Bestandteil bei den meisten Browsern und zeigen dir ziemlich gut, wie deine Seite aufgebaut ist und wo die Stellschrauben sind, an denen man drehen kann, um sein Layout und das Design anzupassen.
Leider ist das nicht ganz so einfach zu verstehen und es bedarf schon einiger Übung und Erfahrung, um damit richtig umzugehen... aber man bekommt es hin... learning by doing!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Position des Logos verändern

Jetzt mitmachen!