ur leiwond!
...das musste ich jetzt erstmal googeln... :-D
Viel Erfolg mit dem Childtheme!
Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenur leiwond!
...das musste ich jetzt erstmal googeln... :-D
Viel Erfolg mit dem Childtheme!
Verwendet Dein Theme denn wirklich dieses gespeicherte Menü? Davon kann man ja diverse anlegen, aber nur eins kann (und sollte) zugewiesen sein.
Hab Dir mal kurz Deine Änderungen an der style.css rausgefischt:
body,
button,
input,
select,
textarea {
color: #2c3e46;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #2c3e46;
}
a {
color: #2c3e46;
}
.navigation-top a {
color: #8aaa00;
font-weight: 700;
}
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
color: #d6f708;
font-weight: 1000;
}
.custom-logo-link {
display: left;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
height: 1200px;
height: 1vh;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
color: #2c3e46;
}
h2.widget-title {
color: #767676;
}
@media screen and (min-width: 48em) {
.main-navigation ul {
background: #2c3e46;
background: rgba(44, 62, 70, .8);
}
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 1vh;
}
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
height: calc(1vh - 32px);
}
}
Alles anzeigen
...das sollte es gewesen sein wenn Du nicht noch an den anderen Dateien warst, also hopp, Childtheme ;-) wenn Du das nicht manuell sondern mit https://de.wordpress.org/plugins/child-theme-configurator/ machst kannst Du auch direkt alle Customizer-Einstellungen, Widgets usw. übernehmen lassen.
Wäre auch mein Ansatz, aber noch etwas ergänzt:
.site-branding .wrap {max-width: 100% !important; padding-left:0px; padding-right:0px;}
.site-branding {padding-top:0px;}
.home .site-branding {display:none !important;}
Naja, Du musst Dich schon entscheiden, ob Du ganze Kategorien in der Navigation haben willst oder einzelne Beiträge - Du kannst nicht eine Kategorie als Beitrag verwenden. Sprich: wenn Du dort nur Beiträge haben willst, dann entferne die Kategorielinks und füge stattdessen Beiträge ein. Als benutzerfreundlich würde ich das aber nicht definieren wenn es ein paar Beiträge mehr sind.
Ich habs mit einem eigenen Container um die Links versucht, clearen und und und....es will aber nicht...
Ein clear:both; auf den p-Container um die Links funktioniert definitiv - im besten Fall natürlich mit eigener Klasse, aber main > p {clear:both;} scheint auf den ersten Blick auch zu funktionieren... ist natürlich fraglich, ob das so überall erwünscht ist ;-) deshalb: besser eine eigene Klasse dafür vergeben.
Du wirst irgendeinen Fehler in die functions.php eingebaut haben - ein vergessenes Semikolon, einen fehlenden oder falschen Anführungsstrich, irgendwas in der Art. Sichere Dir die geänderte functions.php, spiele das Original wieder ein und dann kannst Du wenn Du den Fehler nicht selber findest die geänderte mal hier posten.
Ich bin definitiv nicht bei Dir eingeloggt und sehe die Produkte - mit Bild, Link und allem. Ggf. ein Cache-Problem? Hast Du mal versucht die Seite, nachdem Du Dich abgemeldet hast, per Strg + F5 komplett neu zu laden oder sie mit einem anderen Browser zu öffnen?
Ein Link zu der Problemstelle würde weiterhelfen... ;-)
Ein Link zur Seite wäre hilfreich ;-)
Ich denke, er meint, dass nicht der body (der mit einem Hintergrundbild belegt ist), sondern .contentclass (wie in meinem Beispiel) farblich geändert werden soll, also der Bereich wo der Inhalt drin steht.
Gueller, minikleiner Crashkurs, ausgehend von meinem Beispiel:
.page-id-74 - das bezeichnet die Seite, um die es geht. Diese Bezeichnung ändert sich aber jedes Mal, wenn Du eine Seite editierst - also die Nummer darin, darauf musst Du achten. Aktuell kannst Du diese Nummer, da Du Deine Permalinks nicht umgestellt hast, in der URL ablesen. http://www.pinzgauer-reisen.ch/?page_id=93 wäre dann eben .page-id-93
Danach kommt die genaue Anweisung, was geändert werden soll, in diesem Fall (so vermute ich) der Bereich, wo der eigentliche Inhalt der Seite steht. Diese Bezeichnung lautet bei dem Theme dass Du verwendest .contentclass - das ändert sich auch nicht. Aus: .page-id-93 .contentclass wird also im Moment, solange Du die Seite nicht editierst und sich die Nummer nicht ändert, "ich meine den Hintergrund des Textes auf der Kontaktseite".
Da beides Klassen sind, achte tunlichst auf den Punkt jeweils davor und füge nirgends mehr Leerzeichen ein. Jetzt fehlt noch die Anweisung, was eigentlich passieren soll: die Hintergrundfarbe ändern. {background-color:#ddddff;} - immer in geschweiften Klammern! - background-color ist die entsprechende CSS-Anweisung, dahinter die Farbangabe, dann ein Semikolon. #ddddff ist beispielsweise ein helles Blau, diesen Farbwert kannst Du anpassen.
Wir kommen also für "Färbe den Texthintergrund meiner Kontaktseite in hellem blau" zu .page-id-93 .contentclass {background-color:#ddddff;} - den Farbwert kann man noch anders angeben, z.B. nur in anderer Schreibweise (rgb) oder mit Transparenz (rgba). Farben kannst Du Dir auf die Schnelle z.B. hier: http://www.colorzilla.com/gradient-editor/ zurechtschubsen, aber auch mit Paint, Gimp oder was auch immer Du vielleicht an Grafikprogrammen nutzt. Diese Komplettangabe kannst Du in einem Plugin wie dem von mir oben schon verlinkten "Simple Custom CSS" einfügen, damit ist die Seite gefärbt.
So, damit solltest Du theoretisch erstmal hinkommen - aber denk nicht, dass es hier immer Schritt-für-Schritt-Anleitungen gibt, ich hab nur grad meinen netten ;)
KANN eine falsch gesetzte Berechtigung sein, das Problem habe ich mit einer dreckig aufgesetzten WP-Installation auch immer wieder, genau beim Kontaktformular (falscher Besitzer der Dateien/Ordner).
Eventuell kann man es, anstatt an den Rechten rumzufummeln (was man eigentlich, möglichst, NIEMALS tun sollte!) durch eine andere Möglichkeit lösen... wenn das Kontaktormular z.B. auf dem geläufigen CF7 basiert, dann kann man aufs SI direkt verzichten, das integrierte Captcha nutzen und damit ggf. das Problem umgehen. Ohne Link zur Seite und/oder Information welche Plugins verwendet werden ists aber reines Rätsel raten.
Wie schauts mit Errorlogs? Wenn so ein Plugin versucht eine Grafik zu speichern um sie nachher anzuzeigen und dazu keine Berechtigung hat sollte es dazu eine Meldung geben.
Das "Problem" ist: Wordpress ist - vielleicht mit Ausnahme einzelner käuflich erwerbbarer Themes - KEIN Baukastensystem.
Man könnte jetzt also, anknüpfend an den Rat von maxe der eigentlich schon alles wesentliche gesagt hat, folgende Aussage treffen:
- lege Dir ein Childtheme an oder installiere Dir ein Plugin wie https://de.wordpress.org/plugins/simple-custom-css/
- füge in das Childtheme oder in das Plugin eine Angabe wie:
.page-id-74 .contentclass {background-color:#ddd;}
ein - und wäre Dir damit langfristig geholfen, wüsstest Du wie das zu editieren oder auf andere Seiten anzuwenden wäre? Eher nicht.
Wenn Du so individuelle Änderungen machen willst, auch nicht jedesmal nachfragen und auf Hilfe angewiesen sein willst, dann wirst Du um zwei Punkte nicht herum kommen: a) ansatzweise das Prinzip von CSS begreifen, b) Dich mit (browserinternen) Entwicklertools auseinander setzen. Von nichts kommt nichts, entweder Du investierst Zeit oder Geld oder es wird eben nicht so wie Du es haben möchtest.
Allerdings ein kleines Problem: In der mobilen Ansicht bleibt der Slider zwar klein, allerdings rutscht der Inhalt nicht hoch - wie kann ich das vernünftig lösen? LG Julia
Der Inhalt kann nicht "hochrutschen", weil der Slider nun eine feste Höhe hat - auch wenn man die so nicht sieht, da die Bilder immer kleiner werden und somit Leerraum entsteht, aber er hat nunmal die feste Anzahl Pixel Höhe.
Man könnte versuchen mit Prozentwerten zu frickeln, davon bin ich allerdings kein Fan, weil die gerne mal von Browsern unterschiedlich interpretiert werden.
Sicherer wäre es, Mediaquerys zu verwenden - als kurzes Beispiel, anstatt dem festen Pixelwert an Höhe:
body:not(.home) .nivoSlider {height:50px;}
Media only screen and (min-width : 320px)
{body:not(.home) .nivoSlider {height:90px;}}
Media only screen and (min-width : 480px)
{body:not(.home) .nivoSlider {height:120px;}}
Media only screen and (min-width : 768px)
{body:not(.home) .nivoSlider {height:160px;}}
Media only screen and (min-width : 992px)
{body:not(.home) .nivoSlider {height:220px;}}
Media only screen and (min-width : 1200px)
{body:not(.home) .nivoSlider {height:263px;}}
Typische Breakpoints, allerdings von den Zahlen her nicht feinjustiert, das würde ich dann doch Dir überlassen ;-)
1. ich möchte den Header nur auf der Seite "Home" so groß haben - wenn man dann auf weitere Menüpunkte kommt soll er sich verkleinern ... (kenn mich mit php leider wenig aus und habe keine Ahnung wie das funktionieren soll :-()
Kein PHP - CSS. Durch die Funktion https://developer.wordpress.org/reference/functions/body_class/ werden dem body Klassen verpasst, über die man sowas lösen kann. Die Startseite hat z.B. immer "home", eine normale Seite "page", ein einzelner Beitrag "post", eine Übersicht "archive". Damit kommen wir beispielsweise zu:
.archive .nivoSlider, .page .nivoSlider, .single .nivoSlider {height:200px;} - womit dem Slider auf archive, page und single eine Höhe von 200 Pixeln zugewiesen wird (diesen Wert ggf. anpassen).
Sieht so aber noch nicht schön aus, weil damit nur der oberste Teil des Bildes noch zu sehen ist... also erweitern um z.B.:
.archive .nivoSlider img, .page .nivoSlider img, .single .nivoSlider img {top: 50%; transform: translateY(-50%);}
- um das Bild vertikal zu zentrieren.
Edit: die Auswahl gänge natürlich noch etwas eleganter mit "body:not(.home) .nivoSlider {height:200px;}".
2. toll wäre es, wenn ich beim Auswählen eines Menüpunkts, nicht direkt am Anfang der Website, sondern beim Inhalt landen würde - ansonsten wird das zu einem regelrechten "Scrolldebakel")
Ich verstehe den Gedanken dahinter, aber das wäre ein sehr ungewohntes Seitenverhalten - würde ich nicht machen. Wenn der Slider nicht mehr so hoch ist, ists ja auch mit dem Scrollen nicht mehr so schlimm.
"Plugs" sind Dinge, die man sich in den Hintern schiebt - aber wenn Du von Plugins sprichst: beschreibe doch einfach mal, was Dein Ziel ist. Du kannst nicht davon ausgehen, dass jeder die Plugins kennt die Du genutzt hast oder motiviert ist, sich da erstmal einzulesen ;) ich jedenfalls kann mir unter "automatische Verlinkung" aktuell wenig vorstellen.
Naja, man kann dafür Plugins nutzen - tue ich nicht gerne, je weniger Plugins desto besser. Oder man kann auf externe Dienste zurückgreifen, persönlich nutze ich dafür https://dlvrit.com, ansonsten wäre wohl auch https://ifttt.com noch eine Alternative.
Ich finde es etwas irritierend, dass das, worum die Seite sich eigentlich dreht, den geringsten Platz einnimmt.
Damit meine ich jetzt nicht die Anzahl der Zitate, sondern z.B. in der Übersicht: eine sehr große, optisch sehr auffällige Überschrift, die mit dem Zitat ansich wenig zu tun hat. Ein kleines, unauffälliges Zitat. Ein Fußbereich, der noch größer ist als die Überschrift. Es passen nichtmal zwei ganze Zitate-Blöcke (bei mir) gleichzeitig auf den Monitor... für drei Zeilen Inhalt. So ein klein wenig "Mogelpackung" ;-)
Ja, ich bin mir sicher, sonst hätte ich es nicht geschrieben ;-) bzw. war das vorhin noch der Fall, mittlerweile sieht es ja schon wieder anders aus.
Aktuell hast Du auf jeden Fall noch Fehler im div-Bereich drin.. sowohl "</div<" was so nicht funktionieren kann als auch schliessende div's nach dem schliessenden body-Tag was ebenfalls nicht funktionieren kann.
Danke SirEctor , die beiden div Tags waren schon die halbe lösung, alerdings sitzt jetzt der Footer unterhalb der Sidebar :Oworan liegt das denn jetzte ?
Das sieht so aus, weil #impressum und #datenschutz per "text-align:right;" nach rechts geschoben werden. Wenn Du beiden Elementen z.B. "display:inline;" verpasst stehen sie nebeneinander unter dem normalen Text - wäre ggf. noch ein padding oder margin zu setzen.