Support » Allgemeine Fragen » Breite der Artikel- Beitragsseite anpassen

  • Hallo zusammen,

    ich fummel schon seit ein paar Stunden im CSS und an der single.php und bin ehrlich gesagt noch kein Stück weiter. Zwar konnte ich bereits die komplette Seitenbreite des Themes ändern ( Body ) , was aber nicht das ist, was ich genau hätte.

    Ich möchte dort wo die Artikel erscheinen, die Seite ( Spalte, Tabelle, WasAuchImmer ) anpassen.

    Das Rote soll schmaler werden ( ImgUpload ) https://ibb.co/hFS7s9K

    Sofern das überhaupt so einfach zu machen ist. Aktuell ist das Theme “ News Portal “ von Mystery Themes installiert

    Ich hoffe ich konnte mich halbwegs verständlich ausdrücken 😉

    Die Website ist übrigens noch eine Baustelle

    Lg
    Ralf

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Die Website ist übrigens noch eine Baustelle

    Das stimmt! Der Beitrag „9 jähriger …..“ sieht ja noch „in Arbeit“ aus 😉
    Also die Bilder werden schon mit 100% Breite dargestellt!
    Das Bild in deinem Screenshot zB. hat 640px × 635px und wird auch so angezeigt!
    Der Riesenhund hat 487px × 640px und auch der wird so angezeigt.
    Der Container, in dem das ist hat eine max-Breite von 797px, und der Text unter den Bildern nutzt das auch!
    Wenn du da keine Zwischenraum willst sollst du Bilder ggf. im Querformat mit max 797px Breite einfügen!

    Thread-Starter starblade74

    (@starblade74)

    Hey,

    kann ich den Container kleiner bekommen ? Die Bilder werden denke ich im Schnitt bei Max 640px Breite liegen … lässt sich der Container verkleinern und centern, so das ich eine Breite con 660 für den Container einstellen kann ?

    Habe es eben schon mit einer ( haut mich nicht ) Tabellte versucht, aber die Tabellenbreite scheint wohl keine Priotät zu haben und wird einfach überschrieben

    Möchte generell die Bildbreite bei 640px lassen, da es mehr oder weniger eine Art Bilderkiste mit wenig Text werden soll 🙂

    Lg
    Ralf

    • Diese Antwort wurde geändert vor 4 Jahren, 3 Monaten von starblade74.

    ….. Tabelle ist auf Web nicht soooo toll – im Responsiven Design kann das zu ungewünschten Aussehen führen.

    So zum Anfang habe ich eine Versuch, der das Bild in die Mitte bringt:

    .wp-block-image img {
    	display: block;
    	margin: 0 auto;
    }

    Diesen Codeteil im Dashboard unter Design – Customizer in die Zusätzlichen CSS kopieren und ggf speichern. Wenns nicht gefällt, einfach wieder entfernen.

    Container und deren Breite, das könnte kompliziert werden – denn
    Grundcontainer = #page.site = 1200px
    .site-header ebenfalls 1200px
    .site-content ebenfalls 1200px
    .t-container = 1170px zentriert
    #primary.content-area = 70% linksbündig
    #secoundary.widget-area = 27% rechtsbündig

    Wie findet man das? Im Firefox mit Ctrl+Shift+C
    Wenn du da die Maus über deine Seite bewegst, siehst du viele interesannte Dinge 😉

    • Diese Antwort wurde geändert vor 4 Jahren, 3 Monaten von jostu55.
    Thread-Starter starblade74

    (@starblade74)

    Hallo,

    das mittige Bild ist auf jeden Fall schon mal ein Anfang und würde ich dann auch so lassen. Der Text zum mittigen Bild ist dann natürlich eher “ unschön “ und nicht passend.

    Im Grunde müsste ja nur der Artikel Container etwas angepasst werden *grübel

    Ich habe mir jetzt die Css mal in Dreamweaver gezogen. Sieht man etwas mehr als in WordPress selber.

    Also wenn Du noch eine Idee hast und oder jemand anderes. Würde mich freuen 🙂

    Edit: Das könnte was sein *schwitz

    .mt-container {
    width: 940px;
    margin: 0 auto;
    }

    • Diese Antwort wurde geändert vor 4 Jahren, 3 Monaten von starblade74.

    Ja, wenns dir gefällt ist es eine Möglichkeit. Wenn du im Firefox F12 drückst öffnest du damit das Entwicklertool, dort kannst du auch mit einem Symbol rechts auf Handy- bzw variabler Breite umstellen und dir das auch gleich ansehen.
    Übrigens „gefällt“ – ich finde nicht besonders, daß in den Überschriften jedes Wort mit Großschreibung beginnt … – meine Meinung 😉

    Bei den zusätzkichen CSS ist es ratsam vor dem Code eine Kommentarzeile einzufügen – z.B.:
    /*Beitragsbilder zentrieren*/
    /*Kontentbreite auf 940px*/

    • Diese Antwort wurde geändert vor 4 Jahren, 3 Monaten von jostu55.
    • Diese Antwort wurde geändert vor 4 Jahren, 3 Monaten von jostu55.
    Thread-Starter starblade74

    (@starblade74)

    Japp,

    dass mit der Kommentarzeile gewöhne ich mir gerade an 😉

    Das mit der Überschrift checke ich leider gerade auch nicht. Kommt wohl vom Theme so direkt mit. Noch keine Idee wo ich das umstellen kann !?

    Edit: Eben gefunden ( text-transform ) wieder ein kleines Übel weniger

    So ganz zufrieden bin ich mit allem immer noch nicht. Jetzt sind z.B. die Bilder oben im Slider kleiner als vorher ( warum auch immer ) und der Abstand zum Menü oben hat sich auch verabschiedet . Sprich der dunkle Balken unter Datenschutz & Co. stößt direkt an den Slider *grummel

    Da muss ich wohl noch so einiges lernen und fummeln

    • Diese Antwort wurde geändert vor 4 Jahren, 3 Monaten von starblade74.

    Der Abstand vom Menübalken zum Slider direkt darunter ist in den CSS eingestellt – in der style.css ab Zeile 1930:

    
    .news_portal_featured_slider {
    	margin: 0 0 25px;
    }
    

    margin siehe hier – Link

    Slider werden überbewertet und sind nicht mehr modern!

    • Diese Antwort wurde geändert vor 4 Jahren, 3 Monaten von jostu55.
    • Diese Antwort wurde geändert vor 4 Jahren, 3 Monaten von jostu55.
Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Das Thema „Breite der Artikel- Beitragsseite anpassen“ ist für neue Antworten geschlossen.