Beiträge von Sailor56

Sailor56

Klar, man kann auch das Stylesheet des Themes selbst bearbeiten.
Dazu muss man unter Design den Punkt 'Editor' aufrufen.
Bevor du das machst, solltest du dir, falls noch nicht geschehen, ein Child Theme anlegen und dort die Änderungen machen. Das 'Original-Stylesheet' hat den Nachteil, dass gemachte Änderungen nach einem Update weg sind und ggf jede Menge Arbeit und Mühe für die Katz waren.

Sailor56

Ich seh es gerade... Steuerzeichen werden nicht angezeigt!
also das Steuerzeichen für Zeilenumbruch bei unzureichendem Platz lautet

HTML

& shy ;

allerdings zusammen geschrieben - ohne Leerzeichen!
Und damit das Wort, dass du austauschen sollst

HTML

EISEN& shy ;BAHN& shy ;VERKEHRS& shy ;UNTER& shy ;NEHMEN

Ohne Leerzeichen!

Sailor56

Mach mal eine Silbentrennung bei dem Wort 'Eisenbahnverkehrsunternehmen' - Tausche einfach das vorhandene Wort durch[COLOR=#000000][/COLOR] Eisenbahnverkehrsunternehmen aus.
 bewirkt, dass das Wort an dieser Stelle 'umbricht' wenn nicht mehr genug Platz vorhanden ist. Vielleicht bekommen wir dann wenigstens den horizontalen Scrollbar weg!
Und wenn du noch mehr Wörter findest, die zu lang sind und den vorhanden Platzrahmen sprengen, machst du mit denen das Gleiche...  zur Silbentrennung.

Sailor56

Da sind dann wohl mehrere Änderungen notwendig!
Das Scrollen der Navigation sollte mit

#vertical_menu_wrap {
overflow: auto;
}
im Customizer -> zusätzliches CSS aktivierbar sein.
Hat aber diverse Nebeneffekte!
Wenn die Navigation scrolled, dann geht sie in den Header-Bereich (oberhalb) und überdeckt die Steuerelemente!
Es gibt einen horizontalen Scrollbar.
Die Bezeichnungen im Menü sind teilweise zu lang (Donaudampfschifffahrsgesellschaft) - müsste man vielleicht das eine oder andere Soft-Hyphen einbrngen.
Sieht optisch nicht so toll aus :-(.
Da müsste man, wenn Scrollen funktioniert, Stück für Stück die Nebeneffekte wieder aufhübschen.

Sailor56

Versuch mal
.entry-title {
font-size: 10px !important;
}

Sailor56

Sollte das auch nicht helfen, dann gibt es noch weiter 'Störquellen'.
Dein Header steckt noch in 2 weiteren Elternelementen drin:

HTML

<div id="overflow-container" class="overflow-container">
                <div id="max-width" class="max-width">
                        <?php do_action( 'before_header' ); ?>
                        <header class="site-header" id="site-header" role="banner">

untersuche doch mal diese beiden Div's ... #max-width und #overflow-container... , ob sich dort irgendwelche margin und padding verstecken?

Sailor56

Dann könnte noch ein Padding beim <body> oder <html> diesen Effekt verursachen... also neuer Test
html, body {
padding: 0px;
}

Sailor56

In deiner styles.css steht in(ab) Zeile 91 für die Klasse .search {display: none !important;} - dann macht der Browser auch genau das... display none!
Ansonsten ist die Seite vollständig da.
Versuche mal im Customiser zusätzliches CSS den Wert auf
.search {
display: block !important;
}
sollte das zu Problemen mit der Anzeige bei anderen Elementen führen, dann kannst du auch versuchen mit
.search {
display: inline-block !important;
}
erfolgreicher zu sein.

Sailor56

Das kann ich ohne Link zur Seite nicht erkennen.
Aber vielleicht hat dein #site-header noch ein Margin rechts/ links.
Füge doch mal testhalber die CSS Anweisung 'margin: 0px;' hinzu.

Sailor56

Das sieht für mich wie ein oder mehrere Fehler in der Programmierung aus.
Die Fehlermeldung besagt, dass eine Ausgabe der Seite vom Server an den Browser bereits begonnen hat (headers already sent) und danach wird eine Funktion aufgerufen (vermutlich 'function wp_redirect()' in der Datei pluggable.php), in der WP den Header erneut senden will... also die Seite erneut laden. Das geht eben nicht.
Wenn du den Fehler näher lokalisieren kannst, weil du zB das Plugin identifiziert hast, das den Fehler verursacht, ist das ein Fall für den Entwickler.

Sailor56

Ist dann eine etwas unglückliche Formulierung von mir... Custom CSS sollte eigentlich heißen... klicke in deiner WP Bedienoberfläche (Dashboard) auf Design und wähle dann in dem PopUp 'Customizer:

... es öffnet sich ein neues Fenster und du hast links ein Auswahlmenü, in dem gaaaaanz unten der Punkt 'Zusätzliches CSS' ... was ich fälschlicherweise als Custom CSS bezeichnet habe :(

und wenn du das auswählst, dann bekommst du so ein schmales Eingabefenster, in dem du deinen zusätzlichen CSS Code eingeben kannst!

Und das sollte bei allen WP Installationen, unabhängig vom Theme funktionieren.

Sailor56

... ich seh es gerade. Bei dir liegt der Fall doch etwas anders. Du hast Inhalt in deinem Header und dein Bild ist mehr so eine Art 'Füllfunk' dem es nichts ausmacht, wenn es nicht immer ganz zu sehen ist.
Dann solltest du über die Lösung nachdenken, das Bild nicht direkt einzufügen, sondern als Hintergrund zum Header einzurichten.

#site-header {
background-image: url("dein_bild.jpg");
background-size: cover;
background-repeat: no-repeat;
}

Sailor56

Der <head>... </head> ist nicht der <header>. In den <head> Bereich gehören keine HTML Elemente.
Suche im <body> ... </body> nach dem Tag
[COLOR=#000080]<header class=[COLOR=#0000FF]"site-header"[/COLOR] id=[COLOR=#0000FF]"site-header"[/COLOR] role=[COLOR=#0000FF]"banner"[/COLOR]>

[/COLOR][COLOR=#000000]und füge das Bild direkt dahinter ein[/COLOR][COLOR=#000080].
[/COLOR]

Sailor56

Neue Formularfelder werden von 'Contact Form 7' mehr oder weniger automatisch, auf Knopfdruck eingefügt. In der Bearbeitungsansicht in der Kopfzeile sind da mehrere Buttons, mit denen man bei Bedarf das benötigte Feld an der aktuellen Cursorposition einfügen kann. Es kommt dann ein kleines Popup, in dem man diverse Einstellungen für das jeweilige Feld vornehmen kann. Unter anderem kann man hier den Namen des Feldes vergeben (FC7 macht da aber auch schon einen automatischen Vorschlag) und man kann dem Feld einer Klasse zuweisen.
Das Ganze sieht dann etwa so aus - hier mal für ein Emailfeld

[email eine-Emailadresse class:eine-klasse placeholder "gib deine E-Mailadresse ein"]

Anfänglich erscheint dann das angezeigte Formularfeld mit den Standardformatierungen, was nicht immer unbedingt gut aussieht, aber mit der vergebenen Klasse kann man später (falls erforderlich) das Feld mit CSS nach den eigenen Vorstellungen formatieren.
Der Text hinter 'placeholder' wird im Formularfeld als Platzhalter angezeigt.
Ausgehend von dem, was in deinem Formular schon vorhanden ist, muss das noch etwas angepasst werden - und zwar so...

<p>E-Mailadresse <br>[email eine-Emailadresse class:eine-klasse placeholder "gib deine E-Mailadresse ein"]</p>

Das erzeugt dann einen Eingabefeld mit Beschriftung - so wie es in deinem Formular schon drin ist.
Sollten mehrere Felder zu einer Gruppe zusammengefasst werden - zB Postleitzahl und Ort - dann würde das so aussehen.

<p>PLZ/Ort<br /> [text location-plz class:lzform] [text location-ort class:rtform]</p>

auch hier wieder die Klasse, die mit CSS formatiert werden kann:

.lzform {
width: 30px;
border: 2px solid #00f;
....
}
.rtform {
width: 40%;
border: 2px solid #f00;
....
}

Sollte noch keine Klasse für einzelne Felder vergeben sein, so kann man sie auch nachträglich in das Definitionsfeld eingeben (class:meine-klasse).
Ich hoffe, das hilft erst mal.

Sailor56

Die Antwort findest du im Quellcode deiner Seite. Den könntest du mit einem Webentwickler-Tool (ist eigentlich bei jedem Browser vorhanden / zB den 'Inspektor' beim FireFox - oder F12 beim IE) untersuchen, um dann genau das Element zu finden, dass du ändern willst. Von diesem Element brauchst du eine möglichst genaue Kennzeichnung (ID, Klasse) mit der du dann im Custom CSS die 'width' anpassen kannst.

Sailor56

Zur Frage 1.
Das könnte man sicherlich machen - der gesamte mittlere Teil ist in dem <div class="content_wrapper clearfix"> enthalten. Dieser <div> wiederum ist in einem <div id="Content"> eingebettet.
.content_wrapper zentriert sich innerhalb von #Content selbst durch die CSS Formatierung 'margin: 0 auto;'. Das könnte man ändern, indem man die den Margin-Wert für den rechten Rand (zB) auf 0px setzt... aber... da ich davon ausgehe, dass auf allen anderen Seiten genau diese Konstellation (.content_wrapper innerhalb #Content) auch zu finden ist, würde diese Manipulation auch auf allen anderen Seiten wirken. Alles würde dann rechtsbündig dargestellt.
Man müsste hier ein Alleinstellungsmerkmal haben/finden/einbauen, das nur für diese von dir gewünschte Seite zutrifft, um dann zielgenau auch nur diese Seite zu ändern.

zu Frage 2.
Versuche mal im Custom CSS folgendes einzutragen.

h1.product_title::after, .widget::after {
border: 0;
}

Da ist auch noch eine dritte 'Linie' direkt oberhalb von dem 'Choose an Option' Feld - aber wo die herkommt kann ich nicht erkennen!

Sailor56

Diese Möglichkeit gibt es!
Die Menüpunkte als Liste (<ul> <li></li> <li></li>----- </ul>) eintragen und dem <li> mit CSS die Eigenschaft li {display: inline-block;} geben.
Kannst du auf der Mercedes Seite sehr schön sehen, wenn du dir den Code mit einem Web-Enwickler-Tool anschaust (zB FireFox Inspektor).

Sailor56

Uhhh... da bin ich aber froh! So im Dunkeln herumtappen und es selber nicht testen zu können, ist normalerweise nicht so mein Ding! Aber wenn es jetzt klappt, dann bin ich gerne mal meinen sonstigen 'Gewohnheiten' untreu geworden.

Sailor56

Ich habe mal den Herrn 'Google' gefragt und glaube, ich habe die Stelle zum Einfügen des Bildes in den Header gefunden.
In deinem Themen Ordner gibt es einen Unterordner 'inc' und darin einen Ordner 'hook' und in diesem Ordner eine Datei 'structure.php'!
Wenn du da so etwa 100 Zeilen runter scrollst, dann findest du folgenden Eintrag:

HTML

function education_hub_header_start() {
        ?><header id="masthead" class="site-header" role="banner"><div class="container"><?php
        }

Wenn du diese Passage wie folgt ergänzt, dann sollte es klappen:

HTML

function education_hub_header_start() {
        ?><header id="masthead" class="site-header" role="banner">
        <img src="http://neu.lessing-gymnasium.eu/wp-content/uploads/2017/08/cropped-HP-Neuer-Header3d_1920.jpg" style="width: 100%; border: 0px; margin-bottom: -5px;" alt="Logo Header">
        <div class="container"><?php
        }

Viel Erfolg... wie gesagt, ich kann es selber nicht testen - aber ich bin zuversichtlich :-)!

Sailor56

Leider kenne ich dein Theme überhaupt nicht, da ich mit WP nur lokal und mit den Standardthemes 'rumspiele'! Aber da sieht das so aus... (z.B. header.php für twentyseventeen)

HTML

<?php
/**
 * The header for our theme
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0
 */


?><!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js no-svg">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">


<?php wp_head(); ?>
</head>


<body <?php body_class(); ?>>
<div id="page" class="site">
        <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentyseventeen' ); ?></a>


        <header id="masthead" class="site-header" role="banner">


                <?php get_template_part( 'template-parts/header/header', 'image' ); ?>


                <?php if ( has_nav_menu( 'top' ) ) : ?>
                        <div class="navigation-top">
                                <div class="wrap">
                                        <?php get_template_part( 'template-parts/navigation/navigation', 'top' ); ?>
                                </div><!-- .wrap -->
                        </div><!-- .navigation-top -->
                <?php endif; ?>


        </header><!-- #masthead -->


        <?php
......

Alles anzeigen

In deinem Theme muss es auch sowas geben - da wo die <!DOCTPE HTML> Angabe steht, der <head>.. </head> Bereich eingefügt wird - und dann, der interessante Teil, der <body> Tag steht... dahinter muss dann der <header> zu finden sein.

Aber vielleicht gibt es hier ja auch jemanden, der dein spezielles Theme kennt.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von Sailor56

Breite Sidebar anpasse

Navigation scrollt nicht...

Navigation scrollt nicht...

Navigation scrollt nicht...

Größe der Beitragsüberschrift im Grid anpassen

Flexible Header-Grafik?

Flexible Header-Grafik?

Suchergbnis weiße Seite

Flexible Header-Grafik?

URL Wordpress Header Fehler: Cannot modify Header information

Breite Sidebar anpasse

Flexible Header-Grafik?

Flexible Header-Grafik?

Kontaktformular

Breite Sidebar anpasse

Widget verschieben! Woocommerce

Horizontales Untermenü

Flexible Header-Grafik?

Flexible Header-Grafik?

Flexible Header-Grafik?