1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Schatten an Seitenrändern

Dieses Thema im Forum "Design" wurde erstellt von Drag and Drop, 26. Oktober 2018.

  1. Drag and Drop

    Drag and Drop Well-Known Member

    Registriert seit:
    7. Dezember 2016
    Beiträge:
    411
    Zustimmungen:
    0
    Hallo,

    mit welchem CSS-Befehl bekomme ich Schatten an den Seitenrändern (beim Content-Bereich) wie bei
    dieser Webseite hin https://www.studis-online.de/

    Viele Grüße
     
  2. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    einfach um den Content-Div einen Border stylen (zumindest ist es auf deiner Bsp-Seite so realisiert worden).
     
    Drag and Drop gefällt das.
  3. Drag and Drop

    Drag and Drop Well-Known Member

    Registriert seit:
    7. Dezember 2016
    Beiträge:
    411
    Zustimmungen:
    0
    Ich möchte den Schatten bei mir um den #primary-Bereich gestalten.
    Hab schon z.B. diesen Code ausprobiert. Da passiert nichts.

    #primary {
    border: .8125rem solid #25c !Important;
    }
    .
     
  4. Drag and Drop

    Drag and Drop Well-Known Member

    Registriert seit:
    7. Dezember 2016
    Beiträge:
    411
    Zustimmungen:
    0
    Hab den falschen #primary-Bereich genommen. Nun passt alles. Vielen Dank!!
     
  5. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    so wie ich das sehe gibt es keinen Container/DIV mit der ID primary. Versuch es mal mit #ston-main
     
  6. Drag and Drop

    Drag and Drop Well-Known Member

    Registriert seit:
    7. Dezember 2016
    Beiträge:
    411
    Zustimmungen:
    0
    Auf meiner Seite hat der Seitenrand-Schatten mit dem obrigen Befehl geklappt.
    Nur für den Content/primary-Bereich. Header und Footer sind davon ausgenommen.
     
  7. Drag and Drop

    Drag and Drop Well-Known Member

    Registriert seit:
    7. Dezember 2016
    Beiträge:
    411
    Zustimmungen:
    0
    Ich habe nun dem #primary und dem Footer (#supplementary-) Bereich einen Seitenrand-Schatten gegeben. Das komische ist nun, dass der Seitenabstand vom Footer- rechts und links größer ist als der des primary-Bereichs. Also margin-right und -left.
    Wie kann ich die Seitenabstände nur für den Footer-Bereich ändern? Über #body und #main wird die gesamte Seite von Header bis Footer verändert.
     
  8. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Wie sollen wir uns das anschauen ohne Link?
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden