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

CSS Full Width auf spezifischer Unterseite verkleinern

Dieses Thema im Forum "Design" wurde erstellt von nicofue, 28. April 2020.

Schlagworte:
  1. nicofue

    nicofue Member

    Registriert seit:
    28. April 2020
    Beiträge:
    5
    Zustimmungen:
    0
    Hallo WPDE Community,
    Ich habe folgendes Problem: https://backlink-factory.de/affiliate-dashboard/
    Auf dieser Unterseite habe ich im Backend Full Width eingestellt. Allerdings ist mir das etwas zu breit. 90% wären perfekt. Ich kenne mich leider nicht sehr gut mit CSS & HTML aus also haue ich mal alles was ich an code habe in den Thread. Und beschreibe was ich bis jetzt gemacht habe:

    Ich drücke F12 und bekomme folgende Zeile:

    class="page-template page-template-page-blank page-template-page-blank-php page page-id-739 logged-in admin-bar theme-flatsome woocommerce-demo-store woocommerce-js full-width lightbox nav-dropdown-has-arrow customize-support"

    Ich nehme die Page id (739) und schreibe folgendes in den CSS Bereich:


    .page-id-739 #content {
    width: 90%;
    }


    Jetzt hat sich der Content von der rechten Seite wegbewegt, die linke Seite ist aber nach wie vor ganz an den Rand geklatscht. Was mache ich falsch?

    Viel mehr an code habe ich nicht weil die gesamte Seite durch einen Shortcode eines Plugins entstanden ist. :(

    Vielen Dank für eure Hilfe!
     
  2. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    verfsuche den -

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    nicofue gefällt das.
  3. nicofue

    nicofue Member

    Registriert seit:
    28. April 2020
    Beiträge:
    5
    Zustimmungen:
    0
    Vielen Dank für deine Antwort, leider passiert da bei mir gar nichts :(
    Weder so noch mit Page id
     
  4. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Wo hast du den Code eingefügt? Ich finde ihn auf deiner Webseite nicht.
     
  5. nicofue

    nicofue Member

    Registriert seit:
    28. April 2020
    Beiträge:
    5
    Zustimmungen:
    0
    Ich habe ihn bei zusätzliches CSS vom Theme eingefügt. Das ist dann wohl nicht richtig nehme ich an :D
    Wo sollte der denn eingefügt werden? Im Text bereich? der Seite?
     
  6. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Versuche mal Design -> Customizer -> Zusätzliches CSS
     
  7. nicofue

    nicofue Member

    Registriert seit:
    28. April 2020
    Beiträge:
    5
    Zustimmungen:
    0
    Genau da ist es drin. :( gibt es vllt eine möglichkeit das ganze nur nach recht zu verschieben. Wenn ich es mit

    .page-id-739 #content {
    width: 90%;
    }

    Verkleinere?
     
  8. nicofue

    nicofue Member

    Registriert seit:
    28. April 2020
    Beiträge:
    5
    Zustimmungen:
    0
    .yith-wcaf {
    width: 99%;
    margin: 0 auto;
    padding: 0 10px;
    }

    Hat sich erledigt. Damit hat es geklappt! Vielen Dank für die Hilfe!
     
  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