Image Widget Sidebar Plugin - Rahmen möglich?

  • Hi, ich suche verzweifelt nach einer Möglichkeit um auf dieser Seite gewisse Elemente in der Sidebar mit Hilfe eines Rahmens hervorzuheben. Ich verwende das Plugin Image Widget, jedoch gibt es hier keine Möglichkeit einen Rahmen einzufügen. Google war mir hier leider auch keine wirkliche Hilfe.

    Hat hier jemand einen Tipp für mich wie ich das dennoch hinbekomme? :D

    • 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

  • Mein Tipp wäre: mit CSS. Aber ich denke, bei der Fragestellung, dass dir das nicht liegt. Du kannst ja mal schauen ob du mit den Suchbegriffen css border generator weiter kommst.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Du hast recht, CSS liegt mir leider noch nicht. Steht in jedem Fall auf meiner ToDo Liste ;-)

    Danke für den Tipp mit dem Generator. Habe mir nun folgenden CSS generieren lassen:

    Code
    [COLOR=#626262][FONT=&amp]border-radius: 19px 19px 19px 19px;[/FONT][/COLOR][COLOR=#626262][FONT=&amp]-moz-border-radius: 19px 19px 19px 19px;[/FONT][/COLOR]
    [COLOR=#626262][FONT=&amp]-webkit-border-radius: 19px 19px 19px 19px;[/FONT][/COLOR]
    [COLOR=#626262][FONT=&amp]border: 9px solid #E7A61A;[/FONT][/COLOR]

    Jetzt muss ich natürlich definieren wo dieser Code Anwendung findet. Folgenden Code konnte ich aus der Entwicklerconsole im Chrome in Erfahrung bringen.

    Code
    <div id="widget_sp_image-18" class="et_pb_widget widget_sp_image">

    Eine Idee wie der CSS Code aussehen muss, damit dieser greift?

  • du kannst entweder die ID mit einer # ansprechen:
    #widget_sp_image-18 { .... dein CSS .... }

    oder die Classen mit einem . :
    .et_pb_widget { .... }
    .widget_sp_image { .... }

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

  • Danke vielmals, wieder etwas gelernt und auch gleich angewandt :-)

    Eine "Kleinigkeit" wäre für mich noch interessant. Wie man im Bild erkennen kann sind die Widgets nicht einheitlich und der Rahmen ist sehr dicht am Button dran.

    Ich verwende nun diesen Code:

    Code
    #widget_sp_image-18 {border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 4px solid #E7A61A;;}

    Besteht die Möglichkeit den Rahmen so zu strecken das er mit den anderen Widgets gleich auf ist und somit auch nicht so knapp am Button "klebt"? :-)

  • dafür könnte man wiederum ein padding verwenden.

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

Jetzt mitmachen!

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