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 erstellenBei mir sieht es so aus:
Der Code wollte nicht gleich mit
.secondary {
font-family: "Trebuchet MS";
}
.home .hentry {
padding-top: 0;
}
.home .entry-content {
padding: 0;
background-color: #e1dddd;
}
.site-info {
display: none;
}
#post-31 img.aligncenter {
margin-top: 20px;
margin-bottom: 20px;
border: 20px solid #cecece;
}
.site-main {
background-color: #e1dddd;
}Vorläufiges Endergebnis ;)
Die Anweisungen aus den Zusätzlichen CSS entfernen (ggf. mit Notepad++ speichern)
.
Da du ein NoelChild16 hast kannst du die style.css verwenden, um deine Style Änderungen dort zu speichern!
Funktioniert aber auch in den Zusätzlichen CSS ;) und dort geht es online und ggf schneller.
Wohin auch immer - nachfolgender Versuch das Quadrat ins Rechteck zu zu bekommen ;)
Und wie auch immer, die Ränder auf allen 4 Seiten um das Bild müssen in irgend einer Ebene Rechteckig werden bei einer Landescape Ansicht.
Aaaaah, wenn das Bild nun anstatt 500pxx500px um den Rahmen (20px) weniger px hat, kannst du das Bild um die gewünschte Rahmenstärke vergrößern.
Wenn wo nachzubessern ist - melden
versuche das Im Dashboard unter Design - Customizer - Zusätzliche CSS einzufügen:
.widget {
border-top: 0;
}Das Datum ist eindeutig mit Überschrift 6 gemacht!!
Das Thema ist leider in letzter Zeit einige Male hier vorgekommen. Bitte verwende einmal die SUFU. Für weitere Hilfen wird sich mit an Sicherheit grenzender Wahrscheinlichkeit irgend jemand finden.
Wenns nicht dringend ist, sehe ich mir das noch einmal an ;-)
Deine Bilder sind ja Jumbos!!
Da würde ich mal eine massive Kompression vorschlagen 650 px breite werden im Slider verwendet und z.B. 3264px müssen geladen werden.
Ich bereit Bilder meist mit 800px vor, das reicht fürs Internet meist aus. Da kommst du je nach Kompression auf 150 KB, die Lade- und Wartezeit dankt es dir!
Sollte der Slider dann immer noch nicht durchlaufen gibts ja noch einige bei den WP-Plugins.
Grundsätzlich ist vieles möglich, wenn man sieht wo, was nicht so ist wie du dir das vorstellst. Mehr dazu vorerst hier, besonders (II) ;)
Wobei das BeTheme ein Kauftheme ist und wenige die helfen wollen/können das Theme für Hilfszwecke gekauft haben.
Mache einfach was @Sailor56 geschrieben hat! Die Schreibkonvention hat schon Sinn.
Bei Trebuchet MS ist es einfach, da es anscheinend kein Variationen gibt.
Bei Times New Roman wirds ggf schon spannender ..... Abgesehen dass es auch Times Schriften gibt!
Grundkurs ;) Container!! - siehe Farbrahmen #7
oder
Die Farben, die ich verwendet habe sind ja auch nur zur besseren Erkennung der verschiedenen Bereiche und können nach eigenem Geschmack gestaltet werden ;)
den hover-Effekt bei den Links entfernen
Auch den Link im Logo möchte ich raushaben.
Grundsätzlich würde ich über "webseiten usebillity" mal nachlesen - Go..le findet dazu 422 000 Ergebnisse ;-)
Wie @Marcus[IS] schon geschrieben hat ist :hover und a im Spiel! Dazu findet Go..le unter anderm!
Versuche mal das Im Dashboard unter Design - Customizrt - Zusätzliche CSS einzufügen:
/*Links im Content Grid-Wrapper blau */
.post-hover:hover .post-title a {
color: blue;
}
/*Links in Sidebar blau*/
.sidebar.s1 .alx-tab li:hover .tab-item-title a {
color: blue;
}Das wichtigste, deine eher nichts sagenden Angaben ergänzen - LINK besonders (II)
Also jetzt glaube ich zu wissen, was herauskommen soll.....
Einmal eine quick & dirty Lösung, bei der ich nicht kontrolliere was ggf. auf anderen Seiten (Beiträgen) mit den selben Classes dann nicht mehr so aussieht wie gewünscht!
Wenns so aussehn soll - es ist machbar ;-)
Kleine Zusammenfassung meinerseits:
Bei den meisten Themes werden, wie auch hier, diverse Breiten für erschiedene Bereiche in irgend einem prozentuellen Verhältnis zueinander gesetzt. Ebenfalls die Ränder (margin und padding), was bewirkt, dass für verschiedene Ausgabebreiten das Verhältnis zueinander gleich bleibt, bis das z.B. mit @mediaquery geändert wird.
Dann kommt ein Bild mit 500xpx500px und der Rand um das Bild soll nicht prozentuell zum Gesamterscheinungsbild dargestellt werden.
Da beginnt sich die Katze in den Schwanz zu beissen.
Mein Ansatz, ich bin kein gelernter Informatiker - mein Motto learning by doing - daher kann auch ein Denkfehler in meiner Arbeit begraben sein ;-)
Daher back to the roots! Zurück zu #1!
Dass heißt, den Container, der das Bild beinhaltet auf absolute Größe bringen (max-width, max-height je 540px).
Alle möglichen prozentuellen Ränder in diesem Bereich deaktiviert. Einen Rand mit 20px eingefügt und das Bild mittig gesetzt.
Die Feinarbeit, das Ganze nur auf die "post-31" zu begrenze, habe ich mir erspart.
Weiters habe ich nicht beachtet, ob und wie sich die deaktivierten margins und paddings wirklich deaktiviert werden müssen und inwieweit sich das woanders auswirkt.
Ich habe bei dem gezeigtem Bild mal verschiedene Container mit border versehen!
Ich kann keine unstimmigen Seitenabstände (links/rechts) erkennen ;)
Versuche mal nachfolgendes in die Zusätzlichen CSS einzufügen:
.secondary {
font-family: Trebuchet MS;
}Im Dashboard - Design - Customizer - Zusätzliche CSS!!
Ah Endold - Kauftheme ggf ist da Support dabei, weiters gibts dort ein Forum.
Weiters gibts eine umfangreiche Dokumentation!
Je nachden was du verwendest! LINK besonders (II) Was in einen Beitrag gehört
Grundsätzlich solltest du die meisten Fonts in der Themen- style.css mit z.B. Notepad++ unter dem Suchbegriff font-family finden.
Zum reduzieren eignet sich dann ein Child-Theme. Es können weitere Fonts auch aus Plugins aufgerufen werden.....
Wobei wenn du an den Fonts schraubst - mit Inkrafttreten der EU-DSGVO war der Fontimport aus dem Amiland ein Theme (siehe SUFU im Forum).
Fonts können auch auch ohne Datenabfrage der Amis geladen werden, wobei die Herausforderung darin besteht, die Font-Anfrage aus dem Theme oder den Plugins zu lokalisieren und zu unterbinden.
z.B.:
[size=14]How to Host Google Fonts Locally in WordPress![/SIZE]
