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

Abstand Margin und Padding einstellen

Dieses Thema im Forum "Design" wurde erstellt von WurstPresse, 16. Januar 2017.

  1. WurstPresse

    WurstPresse Member

    Registriert seit:
    16. Januar 2017
    Beiträge:
    24
    Zustimmungen:
    0
    Hallo liebe community,

    ich habe eine Problem:sad: und zwar ist der Text auf meiner Wp Seite zu schmal in der Mitte. Das heißt zwischen Padding und Margin ist der Abstand zu groß. ich habe schon alles durchforstet und viele custom css Befehle ausprobiert keiner hat zum Erfolg geführt. Bin frustriert ich möchte einfache das der Text breiter dargestellt wird.

    Wo kann ich das tuen. Die Änderung der px margin left & right führen nicht zum Erfolg.

    Könnt ihr mir helfen? Ich nutze das instantwp Theme von Gent Themes.

    Dank euch vielmals
     
  2. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Hat die Website eine Adresse?
     
  3. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    ich habe gerade meine glaskugel befragt... ups... die ist auf urlaub.

    Ohne einen link zur seite, können wir dir wahrscheinlich nicht helfen
     
  4. WurstPresse

    WurstPresse Member

    Registriert seit:
    16. Januar 2017
    Beiträge:
    24
    Zustimmungen:
    0
    #4 WurstPresse, 16. Januar 2017
    Zuletzt bearbeitet: 16. Januar 2017
  5. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Die Breite des Texts lässt sich mit dem Wert width der Klasse "container" anpassen:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  6. WurstPresse

    WurstPresse Member

    Registriert seit:
    16. Januar 2017
    Beiträge:
    24
    Zustimmungen:
    0
    Klasse das funktioniert! Danke für deine Hilfe! Ein kleines Problem hab ich jetzt noch das Menü oben verschiebt sich mit der Einstellung nach links.

    Grüße
     
  7. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Welche Breite hast Du gewählt?
     
  8. WurstPresse

    WurstPresse Member

    Registriert seit:
    16. Januar 2017
    Beiträge:
    24
    Zustimmungen:
    0
    1500 px ist als breite gewählt
     
  9. WurstPresse

    WurstPresse Member

    Registriert seit:
    16. Januar 2017
    Beiträge:
    24
    Zustimmungen:
    0
    Hallo ich habe mir das ganze nochmal angesehen. Es scheint nicht so zu funktionieren wie ich mir das dachte. Ändere ich die Größe des Containers ist mein Design nicht mehr responsiv. Habe eine Antwort vom Autor des Themes. Diese lautet wie folgt:

    You need to edit the bootstrap grid classes within the page templates that you want to edit.


    Leider kann ich damit wenig anfangen. Weiß nicht wie ich die bootstrap grid classes ändern kann und wo diese zu finden sind? Die Attribute der Seite bzw das Design sind in diesen Grid Classes definiert. Ich kann mir ja den code des Designs ansehen aber wo finde ich da das entsprechende design.
     
    #9 WurstPresse, 17. Januar 2017
    Zuletzt bearbeitet: 17. Januar 2017
  10. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    das ist im aktuelle template
    @media (min-width: 1200px)


    .container {


    • width: 1170px;


    }

    wp-content/themes/instantwp/css/bootstrap.min.css

    um es einfach breiter zu machen... müsstest du mehr hand anlegen und dauch das tpl anpassen..
    das sind die werte die inhalt schmall machen

    @media (min-width: 1200px)


    .col-lg-offset-2 {


    • /* margin-left: 16.66666667%; */


    }


    @media (min-width: 1200px)


    .col-lg-8 {


    • /* width: 66.66666667%; */


    }

    wenn du diese werte mit # auskommentierst sind sie breit...
    jedoch zeiht sich das dann durch die ganze seite

    so ist es aufgbaut
    <div class="row centered mt mb">
    <div class="col-lg-8 col-lg-offset-2">





    <article id="post-6" class="post-6 page type-page status-publish hentry">
    <h2>About</h2>





    <section class="post-entry">
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
    <p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
    </section><!-- end of .post-entry -->

    <footer class="article-footer">


    <div class="post-edit"></div>
    </footer>
    </article><!-- end of #post-6 -->













    </div>


    </div>
     
  11. WurstPresse

    WurstPresse Member

    Registriert seit:
    16. Januar 2017
    Beiträge:
    24
    Zustimmungen:
    0
    Danke für deine Antwort Henk1060. Was heißt auskommentierst?:wink: Ändere ich:

    @media (min-width: 1200px)


    .col-lg-offset-2 {



    • /* margin-left: 16.66666667%; */



    }


    @media (min-width: 1200px)


    .col-lg-8 {



    • /* width: 66.66666667%; */



    }

    Die prozentualen Angaben durch # ...px? Es sollte auch auf die ganze Webpage angewendet werden! Ist es eigentlich so wenn ich was im Design ändere in WP das es sich dann direkt auf die Webseite auswirkt. Oder muss ich alles in custom css machen?
     
  12. WurstPresse

    WurstPresse Member

    Registriert seit:
    16. Januar 2017
    Beiträge:
    24
    Zustimmungen:
    0
    Kann keiner mehr helfen?:(
     
  13. ptra

    ptra Well-Known Member

    Registriert seit:
    9. Februar 2011
    Beiträge:
    473
    Zustimmungen:
    0
    Der geht von 12 columns Breite insgesamt aus, 1170px (bootstrap.min.css). Du müsstest die cols erhöhen. Der geht jetzt von 8 cols für den Text aus. Dein Text ist also 8 cols breit und du brauchst vielleicht 10 oder volle Breite mit 12. Müsstest du im HTML-Code ändern.
    Gruß. Petra
     
  14. WurstPresse

    WurstPresse Member

    Registriert seit:
    16. Januar 2017
    Beiträge:
    24
    Zustimmungen:
    0
    Danke für die weitere Hilfe. heißt das ich muss unter Design im Editor was ändern? Bleibt mein Design dann noch responsiv!
     
  15. ptra

    ptra Well-Known Member

    Registriert seit:
    9. Februar 2011
    Beiträge:
    473
    Zustimmungen:
    0
    Ja, das bleibt responsive. Die cols passen sich ja automatisch an; sie werden immer schmaler, je schmaler das Browser-Fenster wird.
     
  16. WurstPresse

    WurstPresse Member

    Registriert seit:
    16. Januar 2017
    Beiträge:
    24
    Zustimmungen:
    0
    Ich weiß leider nicht wo ich die cols (ich nehme mal an damit sind die Columns gemeint) anzupassen sind. Ich kriege es einfach nicht hin! Was heißt ich muss das im HTML Code ändern wie geht das? Danke euch ich bin Anfänger und verzweifele hier. Alles klappt nur das nicht:(
     
  17. WurstPresse

    WurstPresse Member

    Registriert seit:
    16. Januar 2017
    Beiträge:
    24
    Zustimmungen:
    0
    Ich bin verloren...
     
  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