Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
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.
Ich bin zwar Laie, aber ich sehe nur eine Frage und wenn ich mich nicht irre wäre das über das css zu lösen.
Doch habe ich das Gefühl das dies nicht die Antwort ist die du haben wolltest. Aber wie wäre es wenn du uns den Link zu deiner Seite lieferst oder zumindest mal mehr informationen damit man sich das ganze ansehen kann?
Den Link kann ich leider nicht veröffentlichen. Es geht alles außer die Headerbilder.
Ich hab irgendwo gelesen, dass man diese in HTML anpassen kann, würde dies aber lieber
mit einem Plugin beheben. Ich denke, dass Problem tritt bestimmt häufiger auf und müsste
eigentlich fix zu lösen sein.
Deine Annahme, es wurde häufiger auftreten und es würde eine "allgemeine" Lösung geben ist leider nicht richtig. Auch ein Plugin wird das Problem nicht lösen können.
Wie Benzli schon richtig gesagt hat, handelt es sich mit hoher Wahrscheinlichkeit um ein CSS Problem auf deiner Seite bzw. deinem Theme. Das ist sehr individuell und ohne Link zur Seite eigentlich kaum (nicht) lösbar...
Ausserdem, warum ständig PlugIns installieren die nur den Server mehr belasten und die Website lahmer machen statt das Problem richtig zu lösen?
Wo du im css nachschauen musst? Na dort wo die Einstellung für die Bilder hinterlegt ist und weil du ja vom Mobilen Design sprichst, dort wo diese Daten hinterlegt sind.
Wie gesagt, du willst uns keine Infos liefern, somit können wir nicht sagen was in deiner css steht und wo du es findest. Wir können dir nur den Weg weisen, den Weg auf den man auch selber hätte kommen können.
Daher nochmals, willst du richtige Hilfe mit klaren Antworten, liefere uns die nötigen Daten und dann findet sich garantiert jemand der gerne hilft
Wo muss ich denn normalerweise im CSS nachschauen, damit die Übertragung passt?
Das ist leider auch sehr individuell. Du kannst das aber mit den Entwicklertools deines Browsers herausfinden (z.B: Firefox -> Rechtsklick -> Element Untersuchen).
Die Dinge könnten so einfach sein :-)
Dafür, wie einfach HTML und CSS aufgebaut sind, sind sie im Team erstaunlich vielseitig. Und dann auch noch alles frei …
Der Preis dafür: dass man sich eben mit der Materie auseinandersetzen muss.
(Dann gibt es übrigens auch eine halbe Handvoll oder Handvoll allgemeingültiger „Regeln“, die für unverzerrt skalierte Bilder zur Anwendung zu bringen sind.)
Wolltest du jetzt wahrscheinlich nicht unbedingt lesen. „Normalerweise“ verkneife ich mir solche Kommentare auch. Aber manchmal geht es einem dann eben doch über die Hutschnur … sorry, meint nicht dich persönlich, ist nur strukturell …
Gruß
helix
Wie schon gesagt: Klingt nach CSS. Und: CSS. Vielleicht noch: CSS. Falls etwas ohne CSS und in html definiert ist: rofl.
Vermutung #1 (wo ich nachsehen würde): Schau mal nach sowas wie display:grid, display:flex im css - und: da wird wohl irgendwas statisch/absolut definiert sein.
Vermutung #2: Autoren-Stylesheets > Benutzer-Stylesheets > Browser-Stylesheets.
Ein abgeleitetes twentyeleven Theme also. Was war daran so geheim? oO
#branding img {
height: auto;
display: block;
width: 100%;
}Hey Leute, ich habe das selbe Problem (Das Bild im Header bei der mobilen Ansicht verzerrt.
Leider ist mein CSS nicht so übersichtlich wie das des Vorgängers und bevor ich was zerschieße frage ich euch lieber.
Hier der Code:
/*
* Author: SpicePress
* Created by: Shahid (Scientech IT)
* Copyright (c) 2017 SpicePress
* Date: 1 Dec, 2017
* http://www.spicethemes.com
*/
@media only screen and (min-width: 960px) and (max-width: 1200px) {
/*Post - Standard Format*/
.format-standard { width: 50%; }
.slide-text-bg1 { padding: 10px 15px 13px; width: 100%; }
/*Post - Status Format*/
.homepage-mycarousel .format-status { width: 50%; }
/*Post - Aside Format*/
.homepage-mycarousel .format-aside { width: 50%; }
/*Post - Quote Format*/
.homepage-mycarousel .format-quote { width: 50%; }
/*About*/
.about-img-area { margin: 0 0 25px; padding: 0px; position: relative; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*Post - Standard Format*/
.format-standard { width: 50%; left: 15%; }
.slide-text-bg1 { width: 100%; }
/*Post - Status Format*/
.homepage-mycarousel .format-status { width: 50%; }
/*Post - Aside Format*/
.homepage-mycarousel .format-aside { width: 50%; }
/*Post - Quote Format*/
.homepage-mycarousel .format-quote { width: 50%; }
body.boxed .carousel-inner > .item > img, body.boxed .carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
/*Callout*/
.sm-callout-btn { float: left; margin-top: 15px; }
/*About*/
.about-img-area { margin: 0 0 25px; padding: 0px; position: relative; }
}
@media only screen and (min-width: 200px) and (max-width: 767px) {
/*Header Contact Info*/
.header-contact-info { float: none; text-align: center !important; }
.header-sidebar .col-md-6:nth-child(2) ul.header-contact-info { padding-top: 0px; }
.header-contact-info li { padding: 0; }
/*Post - Standard Format*/
.format-standard { width: 65%; left: 15%; }
.slide-text-bg1 { width: 100%; }
/*Post - Status Format*/
.homepage-mycarousel .format-status { width: 65%; }
/*Post - Aside Format*/
.homepage-mycarousel .format-aside { width: 65%; padding: 12px; }
.homepage-mycarousel .format-aside p { padding: 15px 25px 10px; }
/*Post - Quote Format*/
.homepage-mycarousel .format-quote { width: 65%; }
/*Post - Video Format*/
.homepage-mycarousel .format-video { width: 70%; }
.homepage-mycarousel .format-video h1 { padding: 0 0 5px; line-height: 1.3; }
.homepage-mycarousel .video-frame { margin: 0px; }
.homepage-mycarousel .video-content { margin: 0 0px 0px 0px; }
.format-video-btn-sm { margin: 0; }
/*Slider Next-Prev*/
.carou-direction-nav a { width: 32px; height: 40px; }
.carou-direction-nav a:before { font-size: 24px; line-height: 1.7; font-weight: 700; }
.carou-direction-nav .carou-prev, .carou-direction-nav :hover .carou-prev { left: 10px; }
.carou-direction-nav .carou-next, .carou-direction-nav :hover .carou-next { right: 10px; }
body.boxed .carousel-inner > .item > img, body.boxed .carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
/*Testimonial*/
.testmonial-area { padding: 0; }
.testmonial-area h4 { text-align: center; }
.author-box { float: none; margin: 0 auto 20px; }
.description-box { padding: 15px; }
.description-box:before { right: 0; left: 0; margin: 0 auto; }
.author-description p { text-align: center; }
/*Callout*/
.sm-callout-btn { float: left; margin-top: 15px; }
/*About*/
.about-img-area { margin: 0 0 25px; padding: 0px; position: relative; }
/*Top Book Button*/
.sm-top-btn { float: left; padding: 25px 20px 25px 0; }
}
@media only screen and (min-width: 100px) and (max-width: 480px) {
/*Post - Video Format*/
.homepage-mycarousel .format-video .col-xs-6 { width: 100%; }
.homepage-mycarousel .video-content { margin: 15px 0px 0px; }
/*Header Contact Info*/
/* .header-contact-info { float: none; text-align: center !important; } */
}Für Tipps bin ich euch sehr dankbar!
LG
Max
(WP-Noob)
Mach am besten bitte einen neuen Thread auf. Das Problem ist zwar ähnlich, da es aber um ein ganz anderes Theme geht, ist das so nicht (immer) vergleichbar. Bitte schreib dann auch gleich einen Link zu deiner Seite mit rein.
IchIch mache hier mal zu
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!