Fragen zum Theme ColorMag

Hallo liebe Helfer,

ich bin aktuell dabei ein Potal für den Dartsport aufzubauen und habe mich dazu entschieden das kostenfreie Theme "ColorMag" zu nutzen. Ich weiß, dass man bei fertigen Themes nicht alles einfach so umsetzen kann was man sich vorstellt, aber vielleicht sind meine Vorstellungen ja doch umsetzbar ... ich würde mich freuen.

1.) Der Footer besteht aus vier einzelnen Widget-Seitenleisten. Den Inhalt der einzelnen Seitenleisten kann ich mühelos entfernen, die Anzahl der Seitenleisten von vier auf drei reduzieren allerdings nicht.
Frage: Wie kann ich die Anzahl der Seitenleisten reduzieren?

2.) Die bei der Theme-Installation erstellten Beispiel-Kategorien haben jeweils eine andere Farbe, was ich auch sehr gut finde um die einzelnen Kategorien auch optisch von einander unterscheiden zu können. Allerdings finde ich beim Erstellen einer neuen Kategorie nirgendwo solch eine Auswahl.
Frage: Wie kann ich den neu erstellten Kategorien Farben zuordnen?

3.) Ich benutze das Plugin "The Events Calendar" und hab dies als Seite eingebunden. Ganz oben kann man nach Beiträgen suchen, jedoch verschwindet die Auswahl des Monats hinter der Menü- bzw. Navigationszeile. Ich vermute, dass liegt daran, dass die Menüleiste beim Scrollen oben angeheftet wird (die Funktion finde ich super, daher sollte auch beibehalten bleiben).
Frage: Kann man einstellen, dass die Auswahl des Monats über der Menüleiste liegt?

Puh. Ich hatte noch ein Paar Fragen, welche mir jetzt aber nicht einfallen. Ich würde diese gegebenenfalls im Nachgang hier dann noch einmal einstellen.

Schon jetzt vielen Dank für Eure hilfreichen Antworten.

Viele Grüße

Vielen Dank für Deine Antworten! :-)

zu 1.) Ah okay, sehr schade. Ich hätte gedacht, dass es geht, weil die Seitenleiste 1 auch größer ist. Und die Seitenleiste 4 gänzlich, also aus dem Code eventuell entfernen?

zu 2.) Suuuuuuper, das habe ich gefunden. Hab mich schon dumm und dusselig gesucht :-D

Okay, das hab ich soweit verstanden.
Die Seitenleiste 4 von den Abmessungen kleiner machen und die anderen beiden dementsprechend größer.
Da ich nicht plane, den Footer ständig umzubauen, würde das so schon passen.
Jetzt muss ich nur noch wissen, in welcher Datei ich den Code ändern muss - kannst Du helfen? :-)

Okay, dann ist nur die Frage wie der Code aussehen muss, der dort eingefügt werden soll.
Ich bin leider kein Programmierer. Das bisschen Verständnis für Codes, was wahrlich nicht viel ist, habe ich mir so beim Erstellen von Websites angeeignet. Ein eigenen CSS-Code zu schreiben, traue ich mir nicht zu :-D :-/

Ich hab mich daran jetzt mal versucht, aber da schient etwas falsch zu sein:

/*Footer-Main-Widget links breite ändern*/
.tg-footer-main-widget {
    width: 39%;
    margin-right: 0.1%;
}
/*Footer-other-Widget breite ändern*/
.tg-footer-other-widgets {
    float: right;
    width: 59%;
    margin-right: 0.1%;
}
.tg-second-footer-widgets {
    float: right;
    width: 29%;
    margin-right: 0.1%;
}
.tg-third-footer-widgets {
    float: right;
    width: 29%;
    margin-right: 0.1%;
}
.tg-fourth-footer-widgets {
    float: right;
    width: 2%;
    margin-right: 0.1%;
}

Ok, da hat sich jetzt schon etwas verändert.
Allerdings sind jetzt zwischen den einzelnen Seitenleisten keine Abstände mehr ...

Ich hatte es dann wie folgt gemacht, allerdings schiebt sich dann die Seitenleiste 3 unter die Seitenleiste 2.
Darübner hinaus möchte ich die ursprüngliche breite der Seitenleiste 1 beibehalten (~ 40%)...

/*Footer-Main-Widget links breite ändern*/
.tg-footer-main-widget {
    width: 39.9%;
    margin-right: 0.1%;
}
/*Footer-other-Widget breite ändern*/
.tg-footer-other-widgets {
    width: 59.9%;
    margin-right: 0.1%;
}
.tg-second-footer-widget {
    width: 49.1%;
    margin-right: 0.1;
}
.tg-third-footer-widget {
    width: 49.9%;
    margin-right: 0.1;
}
/*Widget 4 ausblenden*/
.tg-fourth-footer-widget {
 display: none;
}

Zitat von SEpp55

Die margin-right im second und third sind keine Hosenknöpfe ;) siehe main und other widget.
Entweder bei Werten ausser 0 relative (%) oder absolute Angaben (px).
Hier ein LINK!

Ach okay, dann hat nur das %-Zeichen dahinter gefehlt - hervorragen! :-)

Zitat von SEpp55

Wenn das schön langsam Formen annimmt, die dir gefallen, kommt die nächste Stufe ;)
Nimm mit der Maus den Browserrand und schiebe den Browser langsam zusammen (in der Breite).
So simulierst du das responsive Verhalten deines Themes.
Das kannst du auch mit dem Entwicklertool (F12 oder rechte Maustaste - Element untersuchen machen) oder Ctrl+Shift+M.
Da kommt auch noch etwas auf dich zu ;)
Go..le findet da jede Menge Lesestoff sowie z.B. diesen LINK!

ähhhhhhm okay... ich muss also für jede Bildschirmgröße nun festlegen in welcher Größe die einzelnen Footer-Seitenleisten angezeigt werden.
Auf meinem Handy ist as nun sehr schlank, obwohl die maximale Breite mehr hergibt.
Ich hab mir den Text hinter dem Link durchgelesen, verstehe da aber wirklich nur Bahnhof... :-/

Zitat von SEpp55

Nunja, vielleicht ist es ja nicht ganz sooooo viel Aufwand. Bei heute verwendeten Themen haben die Ersteller schon meist gute Arbeit geleistet. Diese Änderungen im Aussehen, je nach Ausgabegerät bzw. die Breite des Anzeigebereiches werden in den Media Queries festgelegt. Was da geändert wird ist grundsätzlich in der style.css ersichtlich. Im ColorMag ab Zeile 2914 unter Responsive Structure.
Die erste größere Änderung im responsiven Design ist <769px festgelegt. Das Menü wird umgeschaltet und die Sidebar wird nach unten verlagert.
Ab 600px wird der Footer geteilt. Hier solltes du einhacken und mal überlegen was du bisher gemacht hast und wie sich das bei deiner Seite unter 600px auswirkt bzw. ob dir das so gefällt. Wenn nicht - wir du das gerne hättest.

okay, da muss ich mich nächste Woche mal reinfuchsen, wie das funktioniert.

Mir ist eine weitere Frage eingefallen:
Ich habe die Kommentarfunktion deaktiviert und per zusätzlicher CSS die "optische Kennzeichnung" aus den Beiträgen genommen.
Allerdings erscheint diese "optische Kennzeichnung" noch immer in der Beitragsvorschau auf der Startseite.
Jetzt meine Frage: Wie bekomme ich das weg? :-)