Seitbar an das Theme Design anpassen.

Smike

Hallo.

Ich brauche eure Hilfe. Ich möchte dass das Seitbar design in meiner Peddlar Theme mehr zum Vorschein kommt. Wo muss ich die Anpassungen vornehmen?
Meine Seite http://matcha-tee24.de/

Wie ihr sieht geht das seitliche Menü total unter.
Bin Anfänger und würde mich über eine genaue Anleitung freuen.

Danke

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

pixselig

Sag doch mal, wie du das menü besser zum Vorschein bringen willst.

-andere Farben?
-grössere Schrift?
-andere Hintergrundfarbe?
-in einer Box?
-Überschrift hervorheben?
-etc....

Smike

Einen dezenten Hintergrund für das Produkt Menü und die Schrift etwas größer darstellen.

Gibt es irgendwo gute tutorials wie man so etwas schnell lernen kann?
Habe nichts geeignetes gefunden. Was müsste ich dafür als erstes lernen? Php Html css?

pixselig

Hallo

Für soloche kleinen Design-Veränderungen reichen CSS (und ein wenig Verständnis für html).

Du kannst jetzt zBsp.

CSS

#nav_menu-20 {
    background-color: #eaeaea;
    font-size: 16px;
    padding: 5px 10px
}


#nav_menu-20 h2 {
    font-size: 20px !important;
}


#nav_menu-20 ul li {
    list-style: none outside none;
}

Alles anzeigen

ganz an das Ende deiner style.css Datei anfügen.

LG, pixselig

PS: sollte dann in etwa wie auf dem Screenshot aussehen.

SirEctor

Das ist alles nur CSS.

Ein anderer Vorschlag: du setzt das für alle Widgets um

Code

.widget {
  background: #eaeaea;
  padding: 10px;
  border-radius: 15px;
  border: 1px solid #ddd;
}
.widget a {
  font-size: 1.1em;
}
#sidebar .widget h2:first-of-type {
 font-size: 1.2em;
}

Alles anzeigen

pixselig

Zitat von SirEctor
Das ist alles nur CSS.
Ein anderer Vorschlag: du setzt das für alle Widgets um
Code
.widget {
  background: #eaeaea;
  padding: 10px;
  border-radius: 15px;
  border: 1px solid #ddd;
}
.widget a {
  font-size: 1.1em;
}
#sidebar .widget h2:first-of-type {
 font-size: 1.2em;
}
Alles anzeigen

Ja, die Möglichkeiten sind nahezu Grenzenlos ;-)
Vermutlich sogar höher als beim Schachspiel (da man da aber die mögliche Anzahl (noch) nicht kennt, bleibt das eine Vermutung).

LG, pixselig

PS: dass man (SirEctor) die Änderungen auf alle Widgets anwendet halte ich jetzt im nachhinein auch für stimmiger.

Smike

Sau cool danke. Ich mach erst mal den css kurs auf html.net bevor ich da was einfüge. :)

Der screenshot schaut aber echt cool aus danke :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Seitbar an das Theme Design anpassen.

Jetzt mitmachen!