Abstand Margin und Padding einstellen

    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

    • 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

    ich habe gerade meine glaskugel befragt... ups... die ist auf urlaub.

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

    Die Breite des Texts lässt sich mit dem Wert width der Klasse "container" anpassen:

    Code
    .container {
   width: 1170px;
}

    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

    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.

    Einmal editiert, zuletzt von WurstPresse (17. Januar 2017 um 09:28)

    das ist im aktuelle template
    [FONT=Consolas][COLOR=#888888][COLOR=#222222] Media (min-width: 1200px)[/COLOR]
    [/COLOR]
    [COLOR=#555555][/COLOR]
    [COLOR=#888888][COLOR=#222222].container[/COLOR][/COLOR] {
    [/FONT]
    [FONT=Consolas]

    • [COLOR=#C80000]width[/COLOR]: 1170px;

    [/FONT]
    [FONT=Consolas]}

    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

    [COLOR=#888888][COLOR=#222222] Media (min-width: 1200px)[/COLOR]
    [/COLOR]
    [COLOR=#555555][/COLOR]
    [COLOR=#888888][COLOR=#222222].col-lg-offset-2[/COLOR][/COLOR] {


    • /* [COLOR=#C80000]margin-left[/COLOR]: 16.66666667%; */


    }


    [COLOR=#888888][COLOR=#222222] Media (min-width: 1200px)[/COLOR]
    [/COLOR]
    [COLOR=#555555][/COLOR]
    [COLOR=#888888][COLOR=#222222].col-lg-8[/COLOR][/COLOR] {


    • /* [COLOR=#C80000]width[/COLOR]: 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>
    [/FONT]

    Danke für deine Antwort Henk1060. Was heißt auskommentierst?:wink: Ändere ich:

    [COLOR=#888888][FONT=Consolas][COLOR=#222222] Media (min-width: 1200px)[/COLOR]
    [/FONT][/COLOR]

    [COLOR=#888888][FONT=Consolas][COLOR=#222222].col-lg-offset-2[/COLOR][/FONT][/COLOR][COLOR=#333333][FONT=Consolas] {[/FONT][/COLOR]


    • /* [COLOR=#C80000]margin-left[/COLOR]: 16.66666667%; */


    [COLOR=#333333][FONT=Consolas]}[/FONT][/COLOR]


    [COLOR=#888888][FONT=Consolas][COLOR=#222222] Media (min-width: 1200px)[/COLOR]
    [/FONT][/COLOR]

    [COLOR=#888888][FONT=Consolas][COLOR=#222222].col-lg-8[/COLOR][/FONT][/COLOR][COLOR=#333333][FONT=Consolas] {[/FONT][/COLOR]


    • /* [COLOR=#C80000]width[/COLOR]: 66.66666667%; */


    [COLOR=#333333][FONT=Consolas]}

    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?[/FONT][/COLOR]

    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

    Tapferkeit stärkt, Eigensinn macht Spaß, Geduld gibt Ruhe.

    Ja, das bleibt responsive. Die cols passen sich ja automatisch an; sie werden immer schmaler, je schmaler das Browser-Fenster wird.

    Tapferkeit stärkt, Eigensinn macht Spaß, Geduld gibt Ruhe.

    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:(

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden