Contentgröße verändern

Das wird sich sicher machen lassen! Entweder in den Themeneinstellungen oder mit CSS!
Da dein Link aber für mich nicht wirklich brauchbar ist - keine Demoversion - wäre ein Link zu deiner Seite die schnellste Lösung - auch für dich ;)

Link ist schon da ;-) im Profil..

Ich bin noch immer - oder schon wieder - verwirrt! Der Fair Fashion Blog aus deinem Profil verwendet das Florence Theme. Das hat aber mit deinem Link nicht viel gemeinsam, außer dem Überbegriff Mode ....
Wobei das Florence Theme grundsätzlich responsive ist und auch so beworben wird - auch die Demoseite.
Deine Seite ist das nicht - noch weiß ich nicht warum.

Zitat von Jolie

Ich würde gern die komplette Größe verkleinern.

Kannst du genauer sagen was du da ändern willst?
Das Theme hat eine maximal nutzbare Breiten von 1170Pixel Breite eingestellt.
Der Hauptbereich (Content) links ist mit 75% und die Sidebar ist mit 25% definiert - der Abstand dazwischen ist mit 2xje 15px eingestellt.
Mit kleineren Bildschirmen kommt das responsive Design zu tragen. unter 768px Breite wird z.B. die Sidebar nach unten verschoben und auch sonst werden da einige Dinge verändert. So hat der Content nun mehr die 15px je Seite als Rand usw.

Also, mein Vorschlag. Folgendes kopierst du in die Zusätzlichen CSS.

@media (min-width: 768px) {
.container {
    max-width: 1080px;
    }
.col-md-9 {
    width: 69%;
    }
.col-md-3 {
    width: 31%;
    }
}


@media(max-width: 480px) {
.site-branding .site-logo {
    font-size: 58px;
    }
}
@media(max-width: 360px) {
.site-branding .site-logo {
    font-size: 40px;
    }
}

Du kannst natürlich auch andere Werte versuchen ;-)
Grundsätzlich findest du die Zusätzlichen CSS im Dashboard unter Design - Customizer als letzten Menüpunkt.
Ob das bei deinem Theme auch so ist (Kauftheme) kann ich nicht sagen....
Ggf macht du einen Screenshot vom Backend.

Die letzten beiden Anweisungen sind zur Anpassung des Header Textes bei schmalem Bildschirm.

Hier noch eine Anpassung fürs Menü. Wenn die Anzeigebreite unter 1200px ist wird das Menü 2-zeilig und die untere Zeile ist Transparent.
Damit wird das geändert ;-)

@media(min-width:768px) and (max-width:991px){
.topbar {
     height: 80px;
}
#nav-wrapper .azmenu a {
    line-height: 40px;
}
.site-branding {
    padding-bottom: 50px;
    padding-top: 80px;
    text-align: center;
}
}


@media(max-width: 1200px) {
#nav-wrapper .azmenu > li {
    margin: 0 10px;
}
}

Vorgehensweise wie oben - einfügen in Zusätzliche CSS.
Wenns nicht gefällt, einfach löschen!

Das kann ich bei mir nicht feststellen! Vielleicht ist die Browser-Anzeige nicht auf 100%. (Strg und +).

Bei Crome ist ggf. in der Adresszeile eine Lupe mit einem Minus ....