Hintergrundbild automatisch skalieren

Hallo liebe Forenuser,

ich bin ein Neuling was WordPress angeht und habe nun natürlich einige Startschwierigkeiten, bei deren Lösung ich hier auf Hilfe hoffe (für Laien verständlich bitte).

Ich möchte gern wissen, wie man ein Hintergrundbild automatisch skalieren bzw. an den jeweiligen Bildschirm anpassen kann. Zusätzliche Schwierigkeit ist, dass die volle Höhe des Hintergrundbildes angezeigt werden soll und bei der Anpassung der Bildbreite das Seitenverhältnis beachtet werden muss.

Als soll immer die volle Höhe des Bildes angezeigt werden, während in der Breite (je nach Bildschirm) ggf. etwas beschnitten sein kann. Das Seitenverhältnis muss aber stimmen, so dass das Bild nicht verzerrt wird.

Verschiedene gegoogelte Lösungen waren irgendwie zu unverständlich für mich :sad:. Ich verwende übrigend das Theme WeaverII in der Basic-Version.

Liebe Grüße
Thomas

 

Hallo liebe Forenuser,

wow, dass waren ja gleich viele antworten und dann noch so schnell, danke an alle! Ähnliche "Befehle" bzw. Tipps habe ich auch schon in einigen ergoogelten Ergebnissen gelesen. Sinngemäß habe ich natürlich erfasst, was ihr mir sagen wollt. Allerdings weiß ich beim besten Willen nicht, wo ich diese Codezeilen einfügen (Datei/genaue Position) muss.
Das Bild liegt übrigends im Format 2703x1369 Pixel als jpg vor, ist also insgesamt recht groß und insbesondere breit. Bezogen auf einen normalen Monitor. Vermute mal, das es dann immer in der Breite beschnitten werden müsste.
Der Code bzw. die Erklärung dazu von Putzlowitsch erscheint mir (als Laie) als genau das, was ich gern möchte. Nur wie gesagt - wohin mit dem Code. Für weitere Hilfe vielen Dank!

Liebe Grüße
Thomas

 

Hallo SirEctor,

bin mir jetzt nicht so sicher, auf was ich verlinken soll (welchen Code??). Also die URL zur Seite, auf welcher ich zu Testzwecken das Hintergrundbild eingefügt habe ist medien-tarifvergleich.de (falls Du das meinst). Wollte nur keine Schleichwerbung machen.

Gruß Thomas

 

Hallo SirEctor,

in der style,css habe ich nur folgende Zeilen mit "body" gefunden, weiß aber nicht, ob ich dort richtig bin? Außerdem steht da ein englischer Warnhinweis, dass diese Datei nicht bearbeitet werden sollte!?

/* body has global settings for others to inherit */

body {
background:#FFF;
color:#222;
font-family:"Times New Roman", Times, serif;
font-size:12px;
line-height:1.5; /* global line height */
margin:0;
padding:20px 20px; /* margins around whole site */
}

input, textarea {
background-color:#f0f0f0;
color:#444;
font-size:90%;
}
hr {
background-color:#ccc;
border:0;
height:1px;
margin-bottom:1.5em;
}
/* --Text elements */
p, #content p {
margin-bottom:1.5em;
}
strong {
font-weight:bold;
}
pre {
font-family:Courier, monospace;
font-size: .75em;
margin-bottom:1.625em;
overflow:auto;
padding:1em 1em;
white-spacere-wrap;
}

 

Hallo SirEctor und gericoach,

habe in der style.css den entsprechenden Befehl eingetragen (s.u.). Leider hat sich nichts geändert, zumindest nichts für mich Sichtbares. Habe ich evtl. etwas falsch gemacht?

Viele Grüße Thomas

/* body has global settings for others to inherit */

body {
background:#FFF;
background-size: auto 100%;
color:#222;
font-family:"Times New Roman", Times, serif;
font-size:12px;
line-height:1.5; /* global line height */
margin:0;
padding:20px 20px; /* margins around whole site */
}

 

Danke erst mal für alle Tipps! Wenn man allerdings nicht weiß, in welcher Datei man eines bestimmten Code suchen/einsetzen soll ist das ja für einen Laien nahezu unmöglich zu bewerkstelligen. Im Dashboard werden unter "Design" und "Editor" rechts unten ja unzählige Dateien aufgelistet. Wo soll man da nur anfangen.

Mit dem Namen backround ist da nichts zu finden. Hab mir das mit Wordpress schon etwas leichter vorgestellt, aber bei den unzähligen Themes ist eine allgemeine Hilfe auch sicher schwierig.

Falls also jemand mit dem Theme Weaver II Erfahrung hat und mir weiterhelfen kann, vielen Dank im voraus!!!

Gruß Thomas

 

Hallo, also da ich nich mal weiß, was ein Cache Plugin ist, nutze ich sicher keins :smile:. Hab mal nachgeschaut, aktiv sind die 2 Plugins "Contact Form 7" und "Weaver Theme Extra". Wobei ich mit dem letzteren nichts anfangen kann!?