Beitrags navigation

torger · 23. Juli 2020

hi,

ich finde es einfach nicht... aber gibt es eine Möglichkeit die Buttons der Beitragsnavigation zu Formatieren, es wäre toll wenn mir da jemand helfen könnte.

mfg torger

Indigo66 · 23. Juli 2020

Vieles kann man per CSS stylen.

Bitte Link zum Problem und wie es anders aussehen soll.

torger · 23. Juli 2020

danke für die schnelle reaktion, http://therapie-musik.com/index.php auf der Hautpseite werden alle Hauptbeiträge angezeigt und dadrunter ist dann die navigation da nur 3 Beiträge angezeigt werden sollen ich möchte lediglich die Hintergrund und schrift Farbe anpassen, da ich depp aber nicht weiss wie ich diese navigation ändern kann frage ich halt um hilfe

mfg torger

chr-hl · 23. Juli 2020

Moin,

ein klarer Fall von CSS.

Wie Du eigenes CSS einfügst, sollte hier beschrieben sein.

Was Du ändern willst, mußt Du uns noch genau beschreiben, dann können wir Dir sicherlich passende Code-Schnipsel "über den Zaun werfen".

Christian

torger · 23. Juli 2020

ich möchte das die hintergrund Farbe #000000 ist und die text Farbe #c7bbbb ist und bei hover #d9d9d9, ach ja und halt nur bei der Seiten Navigation ....

chr-hl · 23. Juli 2020

Hallo,

Code

sicherlich noch "ausbaufähig:

Code

.pagination>li>a,
.pagination>li>span {
  color: #efefef;
  background-color: #000
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
  color: #d9d9d9;
}
.pagination>.active>a,
.pagination>.active>span {
  border-color: #fff;
  background-color: #000;
}
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
  border-color: #000000;
  background-color: #000000;
}

Alles anzeigen

torger · 23. Juli 2020

cool das passt schonmal wenn es jetzt noch ohne rahmen wäre und zentriert wäre ich schon voll happy , danke schonmal für die hilfe und die mühe mfg torger

Indigo66 · 23. Juli 2020

Zenriert

CSS

div.pagination {
    margin: 0 auto;
    display: table;
}

Ohne Rand, musst Du Christians CSS noch etwas anpassen.

CSS

.pagination > li > a, .pagination > li > span {
    color: #efefef;
    background-color: #000;
    border: none;
}

torger · 23. Juli 2020

klasse .... vielen dank funtioniert ein bein frei .... danke jungs

mfg torger