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

Seitentitel verschieben

Dieses Thema im Forum "Konfiguration" wurde erstellt von Jabez-WP77, 27. Dezember 2017.

  1. Jabez-WP77

    Jabez-WP77 Member

    Registriert seit:
    27. Dezember 2017
    Beiträge:
    20
    Zustimmungen:
    0
    Hallo,

    habe neulich mithilfe des Plugins "Column shortcodes" auf einer Seite Spalten erstellt. Leider erscheint der Seitentitel "Firma" nun immer links von den zwei Spalten. Siehe Screenshot im Anhang!

    Wie kann ich den Seitentitel "Firma" so verschieben, dass er nicht mehr links neben den zwei Spalten auftaucht sondern über den zwei Spalten?
    Muss man dass über CSS programmieren?

    Wäre dankbar für Eure Hilfe!!

    Vielen Dank,
    Sven
     

    Anhänge:

  2. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Offensichtlich und auch logisch wird das Heading nicht mit formatiert sonder der Content.

    Du kannst das Heading rechts oder mittig setzen oder in Zusätzliche CSS ausblenden und ggf im Text "Die Firma" hervorheben.

    Dazu mein Kopiersatz ;)
    Die Style-Anpassungen werden unter Design - Customizer - Zusätzliche CSS gemacht werden! LINK.

    Alles geschätzt, da deine Seite - Coming soon - zeigt :(
     
  3. Jabez-WP77

    Jabez-WP77 Member

    Registriert seit:
    27. Dezember 2017
    Beiträge:
    20
    Zustimmungen:
    0
    Danke für den Hinweis!!
    Wenn ich mit der rechten Maustaste auf meinen Titel klicke, kommt bei mir aber nicht die Funktion "Element untersuchen (O)".
    Benutze folgenden Browser:

    Microsoft Edge 41.16299.15.0
    Microsoft EdgeHTML 16.16299

    Wie komme ich in die Konsole (Inspektor), die man in Deinem Video sieht?
     

    Anhänge:

  4. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Mein Edge ist auch die 41.16xxx Version - Mauszeiger auf das Element deiner Wahl - rechte Maustaste gedrückt letzter Punkt = Element untersuchen !!!
    In den Einstellingen gibts einen Punkt F12-Entwicklungstools.
    Oder einfach einen vernünftigen Browser verwenden ;)
     
  5. Jabez-WP77

    Jabez-WP77 Member

    Registriert seit:
    27. Dezember 2017
    Beiträge:
    20
    Zustimmungen:
    0
    Danke für die Hilfe!!
    Über F12 bin ich jetzt in die Konsole gekommen. Siehe Screenshot im Anhang.
    Finde aber nun nicht den Klassennamen des Titels. Sehen Sie das im Bild?
     

    Anhänge:

  6. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Die übliche Antwort!

    Bitte lesen zumindest (II) und danach handeln! Oder für eine Hilfeleistung den maintenance Mode ausschalten!
    Alles andere ist Rätselraten.

    Könnte
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    sein??
     
  7. Jabez-WP77

    Jabez-WP77 Member

    Registriert seit:
    27. Dezember 2017
    Beiträge:
    20
    Zustimmungen:
    0
  8. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Gut geraten ;)

    Nächster Kopiersatz - Die Style-Anpassungen werden unter Design - Customizer - Zusätzliche CSS gemacht werden! LINK.

    Um den Titel dieses Beitrages auszublenden ist folgende Anweisung einzufügen:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Mit dem #post-97 (Selektor) wird nur bei dem Beitrag mit ID-97 der entry-title ausgeblendet.
     
  9. Jabez-WP77

    Jabez-WP77 Member

    Registriert seit:
    27. Dezember 2017
    Beiträge:
    20
    Zustimmungen:
    0
    Will aber den Titel nicht ausblenden sondern nur verschieben.
    Würde gerne den Titel direkt über die beiden Spalten schieben.
    Wie macht man das?
     
  10. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Dann versuche das mit

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    zu verschieben. Mit dem Wert mußt du testen was dir gefällt.
    Dabei schaue auch auf die Breackpoints im responsiven Design und passe die auch an.
    Da ja maintaince wieder auf EIN ist gehts nicht genauer.

    Guten Rutsch!
     
  11. Jabez-WP77

    Jabez-WP77 Member

    Registriert seit:
    27. Dezember 2017
    Beiträge:
    20
    Zustimmungen:
    0
    Vielen Dank! Das Verschieben funktioniert jetzt! Allerdings kriege ich den Seitentitel nicht über die beiden Text-Spalten. Titel klebt jetzt an den Spalten. Weisst Du, wie man das macht?
    Was meinst Du mit "
    Breackpoints im responsiven Design und passe die auch an"? Was/wo sind die Breakpoints und wie/wo passe ich die an?
    Maintenance Mode ist wieder inaktiv :)

     
  12. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Die schnellere Antwort - Breackpoints im responsiven Design - oder - einfach mal die Suchmaschine deines Vertrauens befragen.

    Dazu gibts jetzt ein kleines Video! LINK
    Beschreibung da ohne Ton ;)
    Browser ist Firefox - rechte Maustaste auf "Firma" - drücken und "Element untersuchen" drücken - das ist das Entwicklertool und ist ein Firefox Bordmittel - gibts auch bei Chrom und Edge und und Da gibts auch ein Icon "Bildschirmgröße testen" oder einfach für responsiv den Browser am Rand zusammenschieben.

    Blau unterlegt ist h1 class-"..... und rechts deine Änderung - padding-left: 100%;
    Änderung auf 60%
    Danach lokalisieren des Bereiches - Cursor auf "entry-header" - passt! Rechts die Breite als width: 36% - ändern auf 100% ;)

    und so findet man mit etwas Übung viele schöne Dinge!

    Und die Änderungen unter zusätzliche CSS auch eingeben und speichern - das Tool ist nur zum finden und testen.

    Dann noch ein Vorschlag - das Haupt-Menü einzeilig!

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #12 SEpp55, 31. Dezember 2017
    Zuletzt bearbeitet: 31. Dezember 2017
  13. Jabez-WP77

    Jabez-WP77 Member

    Registriert seit:
    27. Dezember 2017
    Beiträge:
    20
    Zustimmungen:
    0
    Wow, vielen Dank. Bin begeistert von dem Video.
    In meinem älteren Internet Explorer komme ich übrigens einfacher in diese Konsole. Bei mir heisst der aber "DOM Explorer" und nicht "Inspektor".
    Hoffe, dass ich die richtigen Zeilen finde.
    Bin bis zum 3. Januar in Berlin. Komme deshalb vor dem 4. Jan nicht dazu.
    Wünsche Ihnen auf jeden Fall ein gutes Neues Jahr.
     
  14. Zoudee

    Zoudee New Member

    Registriert seit:
    4. Januar 2018
    Beiträge:
    1
    Zustimmungen:
    0
    Hallo,

    vielen Dank für die wertvollen Tipps war auch auf der Suche nach ein Programm um den Seitentitel zu verschieben.
    Werde dies auch mal ausprobieren und mich daran versuchen.
     
  15. Jabez-WP77

    Jabez-WP77 Member

    Registriert seit:
    27. Dezember 2017
    Beiträge:
    20
    Zustimmungen:
    0
    Vielen Dank. Alles hat geklappt!! Bin begeistert.
    Auch das mit dem einzeiligen Hauptmenü ist super!!

    Habe es bloss nicht hingekriegt die Schritte im CSS einzugeben. Was muss ich konkretfür diese Änderungen im CSS textlich eingeben?

    "
    Blau unterlegt ist h1class-"..... und rechts deine Änderung - padding-left: 100%;
    Änderung auf 60%
    Danach lokalisieren des Bereiches - Cursor auf"entry-header" - passt! Rechts die Breite als width: 36% - ändern auf 100%
    "

    Eine weitere Frage. Wie kann ich die beiden Text-Spalten breiter machen, so dassmehr Text in die Spalten-Breite rein passt?
     
    #15 Jabez-WP77, 15. Januar 2018
    Zuletzt bearbeitet: 15. Januar 2018
  16. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Wenn du die Spalten breiter haben möchtest kannst du das obere wieder schmeissen ;)

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

    Die max-Breite erreichst du mit:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  17. Jabez-WP77

    Jabez-WP77 Member

    Registriert seit:
    27. Dezember 2017
    Beiträge:
    20
    Zustimmungen:
    0
    OK, dann lassen wir das erst mal mit den breiteren Spalten.

    Diesen Code hatte ich schon im CSS eingefügt!!


    #post-97 .entry-title {
    padding-left: 40%;
    }

    Mir ging es im Moment primär darum, was ich im CSS eingeben muss für die Änderungen:

    "Blau unterlegt ist h1class-"..... und rechts deine Änderung - padding-left: 100%; Änderung auf 60%
    Danach lokalisieren des Bereiches - Cursor auf"entry-header" - passt! Rechts die Breite als width: 36% - ändern auf 100%"


    Wie heisst der CSS-Code hierfür?

    Der Maintenance-Modus ist wieder aus!!
     
    #17 Jabez-WP77, 15. Januar 2018
    Zuletzt bearbeitet: 15. Januar 2018
  18. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Hast du das mit der Spaltenbreite versucht?? Der Teil wäre ja nur zum Einfügen in die zusätzlichen CSS, wie in #2 angeführt.
    Ergebnis sollte sofort zu sehen sein!
    Das ist ja zum Testen einmal unabhängig von der Überschrift - nicht ganz ;)
    Aber wenn du jetzt mühevoll die Überschrift positionierst und danach die Spalten breiter machen möchtest wird die Überschrift nicht ganz dazupassen.
     
  19. Jabez-WP77

    Jabez-WP77 Member

    Registriert seit:
    27. Dezember 2017
    Beiträge:
    20
    Zustimmungen:
    0
    Ja, hab das jetzt ins CSS eingefügt. (Mein Maintenance-Modus ist aus!)
    Sieht super aus!! Danke!! Wie kann man da jetzt eigentlich die Schriftgrößen ändern in den Spalten?

    Wie machen wir das nun den Titel zu zentrieren?
     
  20. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Die Schriftart und -größe verwende ich das Plugin WP-Edit, da kannst du verschiedene Einstellmöglichkeiten auswählen!
    wp-edit.jpg

    Den Titel zentrieren:

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

    Neu einfügen;
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #20 SEpp55, 18. Januar 2018
    Zuletzt bearbeitet: 18. Januar 2018
  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