Ecken der Boxen abrunden [Elemente ausfindig machen]

  • Hallo liebe Community,

    Ich möchte die Ecken aller Boxen auf meiner Seite abrunden. Mit dem #wrap und #navi-wrap ist mir das schon gelungen. Aber für die anderen Boxen:

    • Suchfeld im Header,
    • Box um die Widget-Titel und
    • die Beitragsbilder /-slider auf der Start- und Beitragsseite


    bekomme Ich das irgendwie nicht hin. Meine "Codevorlage" sieht so aus:

    Code
    #NAME {	clear: both;
    	padding: 0px;
    	box-sizing: border-box;
    	border-radius: 5px 5px 0px 0px;
    }

    aber wie mache Ich die Namen der Boxen ausfindig? Dinge wie:

    Code
    #widgettitle

    haben nicht funktioniert. Aber vielleicht liege Ich auch ganz falsch. :roll:
    Dank für eure Hilfe.

    • 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

  • Genau diese Funktion habe Ich bei Safari auch. Ich weiß nur nich, wonach Ich Ausschau halten soll. Wenn Ich die Aktion bspw. auf dem der Titelbox des Kategorien-Widgets in der Sidebar machen, erscheint das:

    Was davon muss Ich verwenden?

  • Du bekommst auch ein Highlighting welches Element du gerade untersuchst und eine Anzeige welche CSS-Eigenschaften dieses Element hat.

    #sidebar ist offensichtlich die komplette Sidebar die alle Widgets enthält. Du hast zwei Arten von Widgets darin mit den Klassenamen .widget-text .widget-categories.
    Guck dir mal die CSS-Eigenschaften davon an und teste ob das verändern des Border-Radiuses das gewünschte Ergebnis bringt.

    Ohne die Seite gesehen zu haben kann ich dir leider nicht mehr sagen.

  • Okay danke. Ich habe es jetzt hinbekommen. Falls jemand mal das gleiche Problem haben sollte und das hier liest:

    Ich kann dir empfehlen die Elemente über den Editor > Stylesheet ausfindig zu machen. Das fand Ich einfacher als über den Browser. ;)

Jetzt mitmachen!

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