Design Cape Town Content Area verbreitern

31.01.2020 16:32

AmyvVeen
#1

Am

Hallo!

Ich möchte gerne die Content Area breiter haben auf meiner Homepage, mir ist da zuviel Weißraum zwischen Navigationleiste und dem eigentlichen Content. Toll wäre es wenn sich die Contentbreite dem jeweiligem Monitor anpasst, also es sollte auf Handy oder i pad auch okay aussehen.

Anbei mal ein screenshot von meinem Monitor.

Könnt ihr mir da helfen? bin leider nicht so versiert mit css codes und habe bislang nichts passendes gefunden.

Vielen Dank schonmal im Voraus,

Cheers, Amy|addpics|spc-1-9059.png|/addpics|

Antworten

Beitrag melden

#2

05.02.2020 23:50

Gismo
#2

Gismo

Hallo versuche es mal mit dem Code

1
2
3
4
5
 
<style>
.jtpl-content,  {
max-width: 1240px;
}
</style>
 

mit den werten px kannst du etwas spielen bis es dir pers. passt.

Gruss
Gismo

Antworten

Beitrag melden

#3

12.02.2020 11:10 (zuletzt bearbeitet: 12.02.2020 11:11)

az_
#3

az_

Bei Cape-Town ist es eher dieser hier:

1
2
3
4
5
6
7
8
9
10
 

<style>
@media (min-width:768px) {
  .jtpl-section-main__inner,  {
        max-width: 1200px;
  }
}
</style>
 

 

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#4

02.10.2021 13:00

h53.5
#4

h5

h53.5

Hallo,

ich habe mich nun auch für das Cape Town Design entschieden und möchte den Contentbereich auch breiter machen, um Bilder besser präsentieren zu können.
Leider bringt der Code keine Änderung, der Contentbereich bleibt so schmal wie er ist. Ich habe den Code im Head für alle Seiten eingetragen.
Was mache ich falsch? :-)
Vielen Dank im Voraus

Matze

Antworten

Beitrag melden

#5

09.10.2021 15:48 (zuletzt bearbeitet: 09.10.2021 15:48)

az_
#5

az_

Was genau hast du denn geschrieben? (CODE)
Vielleicht postest du einmal einen Link (URL)? Manche von uns können Quelltext lesen und den Fehler darüber finden.
LG, AZ

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#6

19.11.2021 16:40 (zuletzt bearbeitet: 26.11.2021 10:36)

h53.5
#6

h5

h53.5

Probiert habe ich diesen hier:

1
2
3
4
5
6
7
8
9
 

<style>
@media (min-width:768px) {
  .jtpl-section-main__inner,  {
        max-width: 1200px;
  }
}
</style>
 
 

Die URL der Seite ist: https://www.h53punkt5.de

Antworten

Beitrag melden

#7

26.11.2021 10:25 (zuletzt bearbeitet: 26.11.2021 10:30)

az_
#7

az_

Versuch mal mit !important; statt ; hinter dem Eintrag. Kann aber auch ein falscher Selektor sein. Danke für deine URL, ich habe nur leider im Moment nur mein Mobile Phone und keinen Laptop zu Hand. Schreib mich bitte kurz an, damit ich es nicht vergesse, dann schaue ich einmal nach.

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#8

26.11.2021 10:33 (zuletzt bearbeitet: 26.11.2021 10:35)

az_
#8

az_

Sorry, hab übersehen: Der Fehler ist das Komma hinter dem hinter dem Selektor

1
2
3
4
5
6
7
8
9
 

<style>
@media (min-width:768px) {
.jtpl-section-main__inner {
max-width: 1200px;
}
}
</style>
 
 

Müsste funktionieren.

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html