Skip to content

Commit

Permalink
Docs: custom CSS for background logo color (#624)
Browse files Browse the repository at this point in the history
  • Loading branch information
albig committed May 29, 2024
1 parent 83b40e7 commit f062b23
Showing 1 changed file with 20 additions and 1 deletion.
21 changes: 20 additions & 1 deletion mkdocs/docs/customcss.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,20 @@
# Individuelles CSS

## Vergebene Klassennamen

Es sind alle Klassennamen von Bootstrap 5 möglich.

## Mindesthöhe für die Kästen in Beitragsübersichten

dadurch werden die meisten Kästen gleich hoch
```
archive-loop article {
min-height: 525px;
}
```

## Aktuellen Menüpunkt hervorhen
## Aktuellen Menüpunkt hervorheben

```
.current-menu-item {
background: #FFEE00;
Expand All @@ -21,30 +24,46 @@ archive-loop article {


## Ganz obere Menüleiste ausblenden

```
.topmenu {
display: none;
}
```

## Hintergrundfarbe für Logo im Sticky-Menü anpassen

Die folgende Einstellung setzt die Hintergrundfarbe für das eigene Logo im Sticky-Menü (angezeigtes Menü beim Scrollen):

```
.wp-custom-logo .navbar-main.stuck .navbar-brand {
background-color: #005437;
}
```
Das Beispiel setzt die Hintergrundfarbe auf "Tanne", wie es mit der Sonnenblume im Standard-Header der Fall ist.

## Suche in der oberen Menüleiste ausblenden

```
#topmenu-container .search, #topmenu-container .show-search {
display: none !important;
}
```

## Hintergrundbild im Block "Nächste Termine" ändern

- Lade ein neues Bild in die Mediathek hoch
- Öffne das Bild in der Mediathek und klicke auf den Button "URL in die Zwischenablage kopieren"
- füge diese URL (siehe unten) ein

```
.next-events {
background-image: url(assets/img/sunflower1.jpg);
}
```

## Sehr lange Menüs scrollbar machen

```
.navbar-main.stuck {
position: relative;
Expand Down

0 comments on commit f062b23

Please sign in to comment.