Überschriften in der Sidebar

tomcat71

Hallo liebe WP Gemeinde!

Ich bin ein Joomla Umsteiger und habe meine Vereinsseite (http://www.hc-landsberg.de) nun von Joomla auf Wordpress umgestellt. Nun stehe ich vor einem Problem. Ich benutze Gamepress als Thema was von Haus aus unserer Farbumgebung entspricht. Nun würde ich gerne die Überschriften in der Sidbar nicht einfach als Text haben, sondern so wie Sie im Hauptmenü erscheinen, also mit blauem Hintergrund und weißer Schriftfarbe in voller Breite der Sidebar. Bis dato habe ich noch keinen passenden google Search hierzu gefünden. kann mir da emand von euch helfen? :wink:

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

himitsu

Kann es sein, daß deine Seite grade überhaupt nichts anzeigt?
Alles weiß, von oben bis unten und ohne Inhalt, egal ob mit oder ohne www.

Grundsätzlich kannst du für Themeanpassungen direkt den Themehersteller fragen.
Eventuell gibt es in den Themeoptionen (siehe Design > Anpassen, Optionen usw.)

In Crome gibt es eine "Objekt untersuchen"-Funktion und für Firefox kann man sich Firebug besorgen.
Dort einfach schauen was das Hauptmenü für Styles verwendet, dann schauen welche Styles bei dem gewünschten Element drin sind und ob man die direkt austauschen oder hinzufügen kann.

tomcat71

Zitat von himitsu

Kann es sein, daß deine Seite grade überhaupt nichts anzeigt?
Alles weiß, von oben bis unten und ohne Inhalt, egal ob mit oder ohne www.
Grundsätzlich kannst du für Themeanpassungen direkt den Themehersteller fragen.
Eventuell gibt es in den Themeoptionen (siehe Design > Anpassen, Optionen usw.)
In Crome gibt es eine "Objekt untersuchen"-Funktion und für Firefox kann man sich Firebug besorgen.
Dort einfach schauen was das Hauptmenü für Styles verwendet, dann schauen welche Styles bei dem gewünschten Element drin sind und ob man die direkt austauschen oder hinzufügen kann.

Danke für den Hinweis, falsche Umlenkung drinnen gehabt. So jetzt geht Sie wieder

bgeissler

hier mit wirst du fündig. Kopiere die Zeilen ans Ende dein style.css des Themes und passe nach deinen Wünschen an.

Zitat

.sp-table-caption {background:blue;}
.widget h3.widget-title {background:blue;}

tomcat71

Es gibt in der style.css schon einen Eintrag

#sidebar {
float: right;
width: 300px;
}
/* Widgets */
.widget{
margin: 0 0 18px 0;
clear: both;
overflow: hidden;
}
.widget h3.widget-title {
text-transform: uppercase;
font-size: 18px;
background: url("images/border-solid.png") repeat-x 0 100%;
margin: 0 0 12px 0;
padding: 0 0 6px 0;
}

Komisch, wenn ich das logo austausche gegen das images/blue/nav-blue.png passiert da nix ?

bgeissler

Egal, was du in der style.css im Themordner bereits findest, setze am Ende der Datzei folgenen Code ein:

Zitat

.widget h3.widget-title
{
text-transform: uppercase;
font-size: 18px;
background: url("nav-blue.png") repeat-x bottom left;
background: -moz-linear-gradient(top, #244386 0%, #1b356b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#244386), color-stop(100%,#1b356b));
background: -webkit-linear-gradient(top, #244386 0%,#1b356b 100%);
background: -o-linear-gradient(top, #244386 0%,#1b356b 100%);
background: -ms-linear-gradient(top, #244386 0%,#1b356b 100%);
background: linear-gradient(top, #244386, #1b356b);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#244386, endColorstr=#1b356b)";
opacity: 1;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 12px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 12px;
}
.sp-table-caption { text-transform: uppercase;
font-size: 18px;
background: url("nav-blue.png") repeat-x bottom left;
background: -moz-linear-gradient(top, #244386 0%, #1b356b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#244386), color-stop(100%,#1b356b));
background: -webkit-linear-gradient(top, #244386 0%,#1b356b 100%);
background: -o-linear-gradient(top, #244386 0%,#1b356b 100%);
background: -ms-linear-gradient(top, #244386 0%,#1b356b 100%);
background: linear-gradient(top, #244386, #1b356b);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#244386, endColorstr=#1b356b)";
opacity: 1;
padding-left: 12px;
}

Alles anzeigen

tomcat71

Genau das was ich haben wollte, vielen DANK :-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Überschriften in der Sidebar

Jetzt mitmachen!

Benutzer online in diesem Thema