Beiträge von Sailor56

Zitat von higginsa1

..., ich befürchte für die Youtube Einbindung geht das nicht?
...

Das ist wohl wahr - ist eine komplett andere Baustelle. Habe es selbst noch nicht probiert und habe auch keine Ahnung ob es überhaupt so geht, aber im Netz habe ich ein Tutorial gefunden, dass dir vielleicht weiter hilft...
https://www.wpoptimus.com/775/add-change…deos-wordpress/

Versuche mal:

.tp-grid li img {
  filter: grayscale(100%);
  transition: all 0.5s;
}
.tp-grid li:hover img {
  filter: grayscale(0%);
  transition: all 0.5s;
}

Zitat von mirrob

Wenn ich es recht verstehe habe ich mit dem Code genau dieses Bild (das irgendwie die nummer 1515 bekommen hat) skaliert.

Genau so ist es.
Du wirst mit deiner Seite auf Dauer nicht drum herum kommen sie neu zu erstellen... ob mit WordPress oder anders musst du dann selbst entscheiden. Dein Theme ist seit 5 Jahren nicht aktualisiert worden - das ist nicht nur schlecht, weil Sicherheitslücken so eine Seite geradezu ideal für Hackerangriffe macht, sondern die Entwicklung hin zu mobilen Endgeräten (Tablet / Handy) ist an deiner Seite komplett vorbei gegangen. Ein Besucher, der mit dem Handy auf deiner Seite landet, wird sich dort gewiss nicht lange aufhalten... und mittlerweile sind Handy & Co soweit verbreitet, dass man als Webseitenbetreiber nicht mehr daran vorbei kommt seine Seite auch für diesen Kundenkreis tauglich zu machen.

Wenn es dir nur um das Bild geht, ist dir mit diesem CSS Code geholfen.

#cspc-footer img.wp-image-1515 {
  width: 100%;
  height: auto;
}

Aber dein generelles Problem liegt in dem verwendeten Tabellen-Layout und das diese Seite überhaupt nicht responsive angelegt ist. Was bei Tabellen sowieso nur sehr schwierig (bis gar nicht) zu realisieren.
Des weiteren sind da einige feste Breitenangaben in px im CSS... zB

div#wrapper {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 95%;
    min-width: 1002px;
    max-width: 1402px;
}

Im Klartext heißt das, die Seite wird nie kleiner als 1002 Pixel angezeigt werden... bei kleineren Displays verschwindet dann der Rest nach rechts aus dem sichtbaren Bereich.

Link zur Seite? ... sonst sehen wir ja nicht, was man machen kann.

Festlegen ab welcher Größe das andere Bild angezeigt werden soll und dann mit einer MediaQuery (CSS) dieses Bild anzeigen lassen.
https://wiki.selfhtml.org/wiki/CSS/Media_Queries

Auf dieser Seite sind so viele Fehler, dass eine Ursachenforschung für dein Problem müßig ist... erst die Fehler beseitigen und dann schauen, ob dein Problem weiter besteht!
https://validator.w3.org/nu/?doc=https%…Fdein-3d.com%2F
Die Ladezeit der Seite ist ungewöhnlich lang und es wird zunächst nur der unformatierte Menübaum angezeigt, bevor dann (Sekunden später) die CSS Formatierung auf die Menüs angewendet wird.
Fehlersuche bei dir mit dem aktiven Auto-optimize-Tool ist mehr als mühselig - der Quellcode ist beinahe unleserlich.

Der Footer hat eine ID (#footer-area) und nicht die Klasse (.footer-area)
Ändere mal den Punkt (.) in #

Das Problem kommt wahrscheinlich von der Inline-Style Anweisung

<span style="font-size: 20px;">

Das kann man nur beseitigen, wenn man entweder im HTML Code alle diese Inline-Styles bearbeitet bzw. löscht oder eben mit dem richtigen Selektor und !important diese Formatierung überschreibt... teste mal...

.entry-content blockquote p span {
  font-size: 1.2em !important;
}

im zusätzlichen CSS.

Teste bitte...

hgroup {
  display: block;
}
hgroup h1 img {
  width: 100%;
  max-width: 400px;
  height: auto;
}

Im 'zusätzlichen CSS' des Cutomizers.

Mal ein Denkansatz, wie man es angehen könnte... Stichwort 'Flexbox'

.page-id-10 .woocommerce {
  display: flex;
  flex-flow: row;
}
form.woocommerce-cart-form {
  width: 50%;
}
.woocommerce-cart .cart-collaterals {
  width: 50%;
}
.woocommerce-cart .cart-collaterals .cart_totals {
  margin-top: 0px;
  float: none;
  width: 100%;
}

Allerdings muss hier noch deutlich nachgebessert werden, da wegen der 'starren' Tabelle im linken DIV sich bei Anzeigebreite kleiner ca. 1140px eine Überschneidung ergibt, die man (je nachdem wie sich das Layout responsive verhalten soll) mit MediaQueries abstellen muss.

Indem du zu dem Code, den @SEpp55 gepostet hat noch folgende Zeile

right: 1em;

hinzufügst :
also so...

.site-branding .custom-logo {
   margin: -0.5em 0 0.5em;
   position: absolute;
   right: 1em;
}

Dazu solltest du noch folgenden Code einfügen, damit das Ganze auch responsive ist:

#logo {
  text-align: left;
}
#main {
  padding-left: 30%;
}

Wobei du mit dem 'padding-left: 30%;' noch etwas spielen solltest. Diese Anweisung soll dafür sorgen, dass dein Text bei schmaleren Bildschirmen nicht verschwindet.

Nein... so wie es jetzt ist wird es nicht ausgeblendet!
Dazu müsste es ein 'Alleinstellungsmerkmal' für Artikel geben (einen CSS Selektor), an dem CSS erkennt, dass es nicht angezeigt werden soll.
Dazu könnte man zB die 'productID' nutzen - das müsste man allerdings dann manuell machen.. also für jedes Produkt einzeln im CSS.

Teste bitte mal...

.single-product .legal-price-info::before {
  content: "zuzügl. Versandkosten";
}

So ganz verstehe ich deine Ortsangaben nicht...

Zitat von Hotelberater

Soll aber nicht auf der Listen- bzw. Startseite erscheinen.

wenn ich auf den Link klicke komme ich auf die 'Shop' Seite... wo soll denn der Versandkostenhinweis hin... und wo nicht?
Prinzipiell sollte das mit...

.wc-gzd::before {
  content: "zuzügl. Versandkosten";
}

funktionieren. Es müsste dann nur der Selektor '.wc-gzd::before' um zB die Page ID erweitert werden, um gezielt auf einer Seite den Text einzublenden.

Ja.... aber dann bitte noch auf der gesamten Seite prüfen, ob nicht irgendwo unerwünschte Nebeneffekte auftauchen.

Versuche mal...

#masthead {
  width: 100% !important;
}
.main-navigation-menu {
  justify-content: center;
}

im 'zusätzlichen CSS' des Customizers.

Wenn du in den Einstellungen nichts findest, könnte dir vielleicht dieser CSS Code weiter helfen:

div.wpforms-container .wpforms-form input[type="text"].form-control,
div.wpforms-container .wpforms-form input[type="email"].form-control {
  padding: 10px 10px; /* Abstand Schrift zum Rand - runde Ecken (input test/ email)*/
  border-radius: 7px;
}
.home div.wpforms-container .wpforms-form textarea {
  background-image: none;
  background-color: #fff; /* Hintergrundfarbe textarea */
  padding: 10px 10px; /* Abstand Schrift zum Rand - runde Ecken (textarea)*/
  border-radius: 7px;
}
.home div.wpforms-container-full .wpforms-form {
  margin-left: 0px;
  margin-right: 0px;
  padding: 0 60px; /* Breite des Formularfeldes */
}
div.wpforms-container-full .wpforms-form .wpforms-field {
  margin-bottom: 0px; /*^Abstand zwischen Input 'text' und 'textarea' */
}

Bitte in das 'zusätzliche CSS' im Customizer (ganz am Ende) einfügen und auf unerwünschte Nebeneffekte prüfen.

Füge folgende Code Zeilen in das 'zusätzliche CSS' des Customizers ein...

footer.content-info {
  font-size: 12px;
}

der Wert '12px' kann natürlich nach deinen Vorstellungen angepasst werden.

Schau dir MediaQueries an ...
https://wiki.selfhtml.org/wiki/CSS/Media_Queries