mobile Ansicht

Gelöst sabifa1965
(@sabifa1965)

vor 4 Jahren, 6 Monaten
Hallo Ihr Lieben,
ich habe Probleme mit der Textbreite in der mobilen Ansicht.

Auf der Hauptseite habe ich 30px padding angegeben.
Das soll auf der mobilen Ansicht weniger sein.
Wie mach ich das?
Bin wordpress Anfänger….

Hab es aber schon mit
```
@media only screen and (max-width: 767px) {
.separate-layout .container {
    max-width: 80%;
}
}
```
probiert. Leider ohne Erfolg.

Vielleicht kann mir da jemand helfen?

Moderatorenhinweis: Bitte Quellcode als ‘Code’ auszeichnen.
- Dieses Thema wurde geändert vor 4 Jahren, 6 Monaten von Hans-Gerd Gerhards.
Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 8 Antworten – 1 bis 8 (von insgesamt 8)

bscu
(@bscu)

vor 4 Jahren, 6 Monaten

Du musst das padding von .vc_custom_1585148837588 anpassen.

Moderator Hans-Gerd Gerhards
(@hage)

vor 4 Jahren, 6 Monaten

Hallo,
wir können dir bei gekauften Themes oder Plugins so gut wie gar nicht helfen, weil sie uns nicht zur Verfügung stehen. Wir müssten sonst bei jeder Frage erst einmal das passende Theme oder Plugin kaufen, uns dort einarbeiten und dann kostenlos den Support anbieten, für den du beim Kauf eigentlich bezahlt hast. Du solltest dich in dem Fall an den Entwickler wenden. Lies bitte auch mal in der FAQ (B 5.) zu diesem Thema.
Viele Grüße
Hans-Gerd

jostu55
(@jostu55)

vor 4 Jahren, 6 Monaten

Wie @bscu festgestellt hat ist die Class .vc_custom….
Das heißt da ist der Visual Composer im Spiel! Bei den Page-Buildern gibt es für die verschiedenen Ausgabegeräte eigene Einstellmöglichkeiten!
Ggf hilft dieses Video weiter – LINK!
Oder bei den x-Videos des VC weitersuchen 😉

Thread-Starter sabifa1965
(@sabifa1965)

vor 4 Jahren, 6 Monaten

Erst mal vielen Dank an alle, die geantwortet haben.

@bscu ich hab mit deinem Lösungsvorschlag versucht, aber leider tut sich da nix.

Das ist, was ich eingegeben habe….

[vc_column_text css=“.vc_custom_1585148837588{padding-right: 10px !important;padding-left: 10px !important;}“]

Liebe Grüsse
Moderator Hans-Gerd Gerhards
(@hage)

vor 4 Jahren, 6 Monaten
Hallo @sabifa1965,
ich habe in der developer console gesehen, dass die von @bscu angegebene Regel wie folgt ausgeführt wird, die entweder in den Einstellungen vom Visual Composer oder über zusätzliches CSS angegeben worden ist:
```
.vc_custom_1585148837588 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}
```
Ist das Problem damit behoben? – dann bitte als gelöst markieren.
Viele Grüße
Hans-Gerd
- Diese Antwort wurde geändert vor 4 Jahren, 6 Monaten von Hans-Gerd Gerhards.
Thread-Starter sabifa1965
(@sabifa1965)

vor 4 Jahren, 6 Monaten
Hallo Hans-Gerd,
vielen lieben Dank…
ich habe es in den CSS der Seite eingegen, aber es tut sich leider nix.

Ich hab jetzt die paddings komplett rausgenommen. Sieht zwar auf der Hauptseite blöde aus, da der Rand sehr schmal ist, aber immer noch besser, als wenn es auf der mobilen Ansicht einen zu breiten Rand hat.

Wordpress is leider nix für normale user… aber gut I try my best, um voran zu kommen.
Liebe Grüsse
Sabine
- Diese Antwort wurde geändert vor 4 Jahren, 6 Monaten von sabifa1965.
jostu55
(@jostu55)

vor 4 Jahren, 6 Monaten

Noch einmal!
Du kannst im Visual Composer für Desktop, Tablet und Handy jeweils andere Ränder (Farben, Schriftgröße usw.) einstellen.
Das hat mit WordPress überhaupt nichts zu tun!!

Thread-Starter sabifa1965
(@sabifa1965)

vor 4 Jahren, 6 Monaten

ok, super, vielen Dank