Sidebar mit anderer Formatierung als Content?!

  • Hi,
    ich würde gerne ein Akkordion in meine Sidebar einbauen - background.color: blau.....
    Wenn ich den HTML Code auf meiner Inhaltsseite einbaue, dann wird das Akkordion wie gewünscht angezeigt.
    Baue ich den selben HTML Code über die Sidebar ein, dann ändern sich die Farben...
    Wie kann ich das korrigieren?

    • 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

  • Nein der Code ist in Ordnung, das war jetzt nur so auf die Schnelle hingeschrieben.
    Wie gesagt im Content-Bereich wird alles wie gewünscht angezeigt...jedoch übernimmt die Sidebar das nicht so

  • Dann fehlt offenbar der korrekte CSS-Code für den Sidebar.

    Wie man CSS-Klassen von Elementen herausfindet und wie man CSS-Anpassungen einfügt, wurde Dir doch eigentlich im Forum schon zig mal erklärt.

    Auch dass man Dir ohne Link zu Deiner Problemseite nicht weiterhelfen kann.

    Was konkret erwartest Du jetzt?

  • Mit den CSS Anpassungen hat das bislang recht gut funktioniert.
    Wenn ich den Akkordion -Block über Gutenberg in als HTML bearbeiten umwandeln möchte, dann zeigt er mir an Dieser Block enthält unerwarteten oder ungültigen Inhalt. Wenn ich dann die HTML-Anpassungen einfüge, zeigt er nur die ursprünglich Ausgangsformatierung an. Da ist irgendein Fehler beim Akkordion. Hab mittlerweile einige ausprobiert.
    Hab bislang fast nur so gearbeitet, dass ich den jeweiligen HTML-Code einfüge und bisher war alles ok...

    Gibt es eigentlich eine Möglichkeit normale oder wiederverewendbare Blöcke über den Widget-Bereich einzufügen ohne HTML-Code zu nutzen?
    Das Akkordion von Gutenberg Kadence wird bei mir im Widget Bereich nicht angezeigt - auch bei inaktiven nicht

  • Mit Gutenberg fasst man HTML ausser selbsterstelltes HTML in einem expliziten HTML-Block besser gar nicht an.

    Entspr. Antworten zu Fehlern oder tiefergehenden technischen Support zu Gutenberg bekommst Du am besten unter diesen Links, die Gutenberg-Entwickler lesen hier im Forum nicht mit.

    Ob/wie Du Kadence Blocks Elemente im Widget-Bereich anzeigen kannst, frage am besten den Autor des Plugins, in der Pluginbeschreibung steht dazu auf den ersten Blick nichts, also wird es wohl nicht gehen.

    Bzgl. Farbanpassungen im Sidebar kann man ohne Link leider nach wie vor nicht weiterhelfen.

  • Viele verwenden z.B. URL-Shortener, deren Linkziel man später anpassen kann.

    Wenn man keine URL posten will, bleibt für sinnvolle Hilfe im Forum eher nur die Jobbörse.

    Wie gesagt, bin hier ohnehin raus, auch nach zig Nachfragen keinerlei Beschreibung, was genau wo genau wie genau geändert werden soll, sorry. :confused:

  • Wie man CSS-Klassen von Elementen herausfindet und wie man CSS-Anpassungen einfügt, wurde Dir doch eigentlich im Forum schon zig mal erklärt.

    Mit den CSS Anpassungen hat das bislang recht gut funktioniert.


    Mach es so, wie es Dir bei anderen CSS Anpassungen erklärt wurde.

    Wenn es dann Schwierigkeiten gibt, poste eine genaue Beschreibung, welche exakte Farbe Du wo genau nicht gesetzt bekommst oder für welches exakte Element Du einen Klassennamen nicht im Browser Inspector findest o.ä.

    Genau so soll das Akkordion auch in der Sidebar ausschauen.


    Genau so kannst Du das in die Jobbörse posten. Dann bekommst Du sicherlich ein paar Angebote und Copy&Paste Code ohne Nachdenken...

    Generelle Ergänzung: Das hier ist hauptsächlich ein "Hilfe zur Selbsthilfe" Forum. Andere sollen später beim Lesen des Threads verstehen, wo ein Problem liegt und wie man es lösen könnte. Daher sollten URLs gepostet werden, wo man Dinge auch nachvollziehen kann und am Ende sollten alle daraus lernen, inkl. des Fragenstellers. Für technisch zu hohe Probleme oder für nicht genug kompetente Agenturen, die warum auch immer Leistungen verkaufen, die sie nicht leisten können, gibt es die Jobbörse.

    7 Mal editiert, zuletzt von b3317133 (7. Oktober 2019 um 23:14)

  • Ich finde die richtige Klasse nicht. Eigentlich müsste doch folgendes funktionieren:

    .kt-blocks-accordion-header kt-acccordion-button-label-show
    {
    background-color: #60aff9 !Important;

    }

    Das CSS-Styling ist dann kein Problem...

  • Was geht mit Punkt nicht? Wie genau sieht Dein Code dann aus?

    Wenn etwas verändert wird, scheint es mit dem Punkt ja doch zu gehen... ohne Punkt ist es kein Klassenname.

    Wenn zu viel verändert wird, stellt man einen übergeordneten Selektor vor den Selektor, man macht ihn dadurch spezifischer, mehr dazu (über den o.g. Link gefunden) siehe z.B. hier (developer.mozilla.org).

  • Meinst du sowas in der Art. Einer ID eine Klasse zu ordnen oder umgekehrt?

    #kt-accordion-header-200741 .kt-acccordion-button-label-show
    {
    background-color: #60aff9 !Important;

    }

  • Das Ganze ist ein Fehler vom Gutenberg Akkordion. Jedes Mal wird beim Laden eine neue Klasse ausgegeben. Das macht es unmöglich dies auf normale Weise mit CSS anzupassen. Jedoch klappt es über die Klasse .widget-area so wird dann der gesamte Bereich der Sidebar angesprochen und ich kann das Akkordion wie gewünscht stylen

Jetzt mitmachen!

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