Widget verschieben! Woocommerce

  • Hallo, nach ewiger Forensuche habe ich mich nun entschlossen, diese Frage offen zu stellen.

    Ich möchte gerne meine Sidebar, wo ich mein Cart etc eingeblendet habe, nach ganz rechts setzen, aber es bleibt leider immer dieser rand rechts.
    ist es möglich das widget rechts zu positionieren? :)

    https://fremdesi.net/shop

    bzw kann man rechts diese komischen 2 grauen borderstrich entfernen??

    • Anzeige

    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

  • Zur Frage 1.
    Das könnte man sicherlich machen - der gesamte mittlere Teil ist in dem <div class="content_wrapper clearfix"> enthalten. Dieser <div> wiederum ist in einem <div id="Content"> eingebettet.
    .content_wrapper zentriert sich innerhalb von #Content selbst durch die CSS Formatierung 'margin: 0 auto;'. Das könnte man ändern, indem man die den Margin-Wert für den rechten Rand (zB) auf 0px setzt... aber... da ich davon ausgehe, dass auf allen anderen Seiten genau diese Konstellation (.content_wrapper innerhalb #Content) auch zu finden ist, würde diese Manipulation auch auf allen anderen Seiten wirken. Alles würde dann rechtsbündig dargestellt.
    Man müsste hier ein Alleinstellungsmerkmal haben/finden/einbauen, das nur für diese von dir gewünschte Seite zutrifft, um dann zielgenau auch nur diese Seite zu ändern.

    zu Frage 2.
    Versuche mal im Custom CSS folgendes einzutragen.

    h1.product_title::after, .widget::after {
    border: 0;
    }

    Da ist auch noch eine dritte 'Linie' direkt oberhalb von dem 'Choose an Option' Feld - aber wo die herkommt kann ich nicht erkennen!

  • das scheint vom .with_aside .content_wrapper zu kommen, der hat nur eine max-width von 1240px.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • das scheint vom .with_aside .content_wrapper zu kommen, der hat nur eine max-width von 1240px.

    Hey Maxe,
    schau Dir mal die Media Queries an. Ich hab da nicht so die volle Ahnung. Vielleicht liegt da die Lösung.
    Erhöht man die Werte für max-width auf 959 (vorher 708px); 1239 (vorher 940); 1600 (vorher 1240), bleibt die Sidebar rechts.

    Gruß
    Sophie

    Child-Theme anlegen, Backups machen, bei Fehlern einfach mal PlugIns deaktivieren, Cache leeren ...

  • Es handelt sich in den meisten Fällen um Änderungen im CSS und dafür gibt es unterschiedliche Möglichkeiten.
    Die Erste und gleichzeitig auch Schlechteste wäre, du bearbeitest das Stylesheet 'style.css' deines Themes. Die Möglichkeit zum Bearbeiten findest du in deinem 'Dashboard' unter Design -> Editor.
    Aber davon das zu tun, kann man nur abraten! Denn Änderungen hier werden bei einem evtl. Update wieder überschrieben - und... wenn du hier was 'verwurschtest', dann hast du keine Rückfallposition für den Fall, dass was schief läuft.

    Möglichkeit zwei und eigentlich das, was du machen solltest, ist ein Child-Theme anzulegen. Anleitungen wie das geht gibt es etliche im Netz zB
    https://www.webtimiser.de/wordpress-child-theme-erstellen/
    Du müsstest dann für deine Seite das Child-Theme aktivieren und kannst fortan Änderungen in der style.css des Child-Themes (Vorgang wie oben) durchführen. Nachteil hier, du musst alle Änderungen manuell eintippen, denn diese style.css ist zunächst mal leer und muss von dir mit den gewünschten Änderungen befüllt werden. Das Child-Theme wird nicht durch Updates überschrieben, deine Änderungen bleiben als auf jeden Fall erhalten.

    Die dritte Möglichkeit wäre 'zusätzliches CSS' einzufügen. Diese Funktion erreichst du wieder über das Dashboard Design -> Customizer -> Zusätzliches CSS. Auch das bleibt bei einem Update erhalten und eignet sich gut für kleinere Änderungen und zum Testen.

  • Vielen Dank!!!

    Kann mir bitte jemand einen beispiel code dchreiben, welchen ich in die custom css einvinden kann :)?

    Echt toll wie freundlich und aktiv dieses Forum ist, echt großen Respekt dafür!

    Ich wünsch euch allen einen schönen abend :)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!