Widgets

    Hallo!

    erstelle gerade die Seite http://www.zumlindenhof.com ; auf der rechten Seite habe ich in der Sidebar drei Widgets mit dem Plug-in Black Studio TinyMCE eingefügt. Möchte nun einen Rahmen um das dritte Widget (das ist das Widget unterhalb des "drei-Sternen-Widget") ,so wie bei den oberen beiden Widgets, einfügen.

    Wie mache ich das?
    Finde in der Style-CSS noch nicht mal, die Zeilen, wo die einzelnen Widgets aufgeführt sind.

    Kann mir bitte jemand helfen? Finde leider nichts passendes im Forum! Bin WP-Anfänger.

    Vielen Dank im Voraus
    Markthez

    Einmal editiert, zuletzt von maxe (17. Februar 2015 um 10:59)

    • Gerade eben
    • 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

    Das Widget ist in der rechten Sidebar unterhalb des Bildes mit den drei gelben Sternen. Ist das Text-Widget mit der Beschreibeung: "Haben Sie Fragen oder benötigen Sie Informationen? Über das.......Kontakt-Formular"

    ich hab den Link gerade mal von .de auf .com geändert ;-)

    Warum genau nutzt du für die Widgets ein extra Plugin?

    [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]

    Ich benutze das Plug in Black Studio TinyMCE, weil ich hier sehr viele Bearbeitungs-Icons habe, mit denen ich Texte, Grafiken oder ähnliches gestalten kann (z.B. Hintergrund wählen, Blocksatz u.s.w.). Die beiden oberen Widget sind einfach nur jpg-Grafiken. Dort konnte ich einfach durch die Benutzung eines bestimmten Icons einen Rahmen einfügen. Für das dritte Widget - ein reines Text-Widget - geht dies merkwürdigerweise jedoch nicht. Meine Homepage endet auf .com (die .de Homepage ist veraltet, darum erstelle ich gerade eine Neue auf .com)

    Die beiden oberen LI bekommen keine Höhe (weil in dem Sinne kein Inhalt (Text) drin steht), deshalb kann das letzte LI auch nicht richtig formatiert werden. Also setzt zumindest mal einen Leerschritt mit in die ersten beiden Widgets.

    Das 3. Widget kannst du dann z.B. wie folgt formatieren:

    Code
    li#black-studio-tinymce-8 {
border: black solid 1px;
width: 210px;
}

    [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]

    Vielen Dank für Deine Hilfe,
    der Rahmen ist gelegt, jedoch überschneiden sich jetzt das zweite und dritte Widget. Zusätzlich ist der Rahmen etwas zu breit. Außerdem ist mit der Abstand zwischen den ersten beiden Widget jetzt etwas zu gross.

    du solltest ja auch hinter den Bildern nur ein Leerzeichen machen, keinen Absatz (kommt evtl. durch dein Plugin :roll: ).

    Die Breite kannst du ja selber mit width bestimmen.

    [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]

    Habe hinter den Bilder jetzt mal zur Veranschaulichung statt einer Leertaste eine 1 eingetippt. Kommt jedoch trotzdem wieder ein neuer Absatz, so dass sich der Abstand der beiden oberen Widgets wieder vergrößert.

    Die Breite des Rahmens kann ich zwar bestimmen, der Rahmen wird blöderweise aber von rechts nach links verkleinert und nicht beidseitig. Zur Veranschaulichung habe ich den Rahmen jetzt mal auf width 150 gesetzt, dass man erkennt, was ich meine.

    Ich sag ja, dein Plugin scheint da selbstständig zu werden und setzt eigenständig Absätze.

    Außerdem hast du die Breite des Textwidgets auf 180px gesetzt, dann muss der LI drum rum ja etwas breiter.

    Für die Abstände musst du mal ein bisschen mit padding/margin rum testen.

    [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]

    Nachdem ich das Plugin aktualisiert habe, klappt es schon etwas besser. Weis jetzt nur nicht, wie ich den gesamten Rahmen beim dritten Widget ein bischen nach rechts verschieben kann.

    CSS
    li#black-studio-tinymce-8 {
margin-left: 15px !important;
}

    Dann musst du natürlich noch das padding-left, welches du gesetzt hast, verringern.

    [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]

    ich hoffe, Ihr könnt mir nochmal helfen. Das dritte Widget ist jetzt so gut wie fertig. Wenn ich im Browser jetzt jedoch die Seite http://www.zumlindenhof.com mit der Tastenkombination "Strg" + "-" verkleiner, verkleinert sich auch der Text, so das die Proportionen nicht mehr stimmen. Wie bekomme ich das hin, dass der Text (so wie auch im Content) star ist?

    Kann man eigentlich auch eine Wörtertrennung am Zeilenende automatisch einführen?

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden