Design Reykjavik - Content Bereich vergrößern

10.11.2016 10:09
#1
kn

Hallo liebe Forums-Mitglieder,

wie kann ich beim Design Reykjavik die Fläche für die Content-Elemente viel breiter machen?
Vielen Dank für eure Hilfe.

Liebe Grüße
Beate


 Antworten

 Beitrag melden
10.11.2016 14:07
avatar  RolfB-
#2
Ro

in den head einfügen

1
2
3
4
 
.jtpl-section {

max-width: 1500px;
}
 


 Antworten

 Beitrag melden
10.11.2016 14:22 (zuletzt bearbeitet: 21.11.2017 15:18)
#3
kn

Hallo RolfB,

hat leider nicht geklappt.

Es hat sich optisch nichts verändert und das kam automatisch im head:

1
2
3
4
5
6
7
8
 
<style type="text/css">
/*<![CDATA[*/
.jtpl-section {

max-width: 1500px;
}
/*]]>*/
</style>
 


 Antworten

 Beitrag melden
20.11.2017 16:03
avatar  xcobra
#4
xc

Ich schlage mich seit einiger Zeit mit dem gleichen Problem herum.
Hat jemand eine Idee?

Gruss
anna


 Antworten

 Beitrag melden
20.11.2017 16:35
avatar  TiJo
#5
Ti

postet doch bitte eure URL.


 Antworten

 Beitrag melden
20.11.2017 21:36 (zuletzt bearbeitet: 20.11.2017 21:37)
avatar  FKWars
#6
avatar

Hallo knuthgrafik

1
2
3
4
5
6
7
8
9
10
11
12
 

<style type="text/css">
/*<![CDATA[*/
@media (min-width: 768px)
 
.jtpl-content {
max-width: 900px;
{
{
<style type="text/css">
/*<![CDATA[*/
 
 



An der max-width kannst nach belieben dran rum schrauben.

Gruß FKWars


 Antworten

 Beitrag melden
20.11.2017 21:42
avatar  xcobra
#7
xc

Gerne:
https://rejkatestlayout.jimdo.com/

Der Contentbereich ist sehr schmal. Gibt es eine einfache Möglichkeit dies zu ändern?


 Antworten

 Beitrag melden
20.11.2017 22:55 (zuletzt bearbeitet: 21.11.2017 15:17)
avatar  xcobra
#8
xc

Sobald ich diesen Befehl in den Header einfüge, kommt die Meldung "Die Html Stuktur ist ungültig".
Aber auch folgender Befehl hat keinerlei Auswirkungen:

1
2
3
4
5
6
7
8
9
10
11
12
 
<style type="text/css">
/*<![CDATA[*/
 
@media (min-width: 768px)

.jtpl-content {
max-width: 1900px;
 
<style type="text/css">
/*]]>*/
</style>
 
 


Kann mir jemand weiterhelfen?
Ist das Verbreitern des Contentbereiches solch eine grosse Sache? :D
Kann mir fast nicht vorstellen, dass jemand zufrieden ist mit der Contentbreite.

Gruss und herzlichen Dank
anna


 Antworten

 Beitrag melden
21.11.2017 07:33 (zuletzt bearbeitet: 21.11.2017 07:33)
avatar  Charles
#9
avatar

bei FKWars sind 2 Klammern falsch und bei xcobra fehlt eine hinter max-width: 1900px;

Man verändert keine Webseiten man verändert das Verhalten der Besucher auf der Webseite.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.

 Antworten

 Beitrag melden
21.11.2017 09:16 (zuletzt bearbeitet: 29.11.2017 12:07)
avatar  FKWars
#10
avatar

danke Charles

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 

<style type="text/css">
/*<![CDATA[*/
 
@media (min-width: 768px) {
 
.jtpl-content {
width: 1000px !important;
}
}
 
/*]]>*/
</style>
 

 


 Antworten

 Beitrag melden
12.07.2021 09:42
avatar  klarino
#11
kl

Die Lösung von Charles funktioniert, aber leider nicht so, dass die Bereichgröße abhängig von der Bildschirmbreite ist. Ich habe noch Angaben mit % oder mit vw versucht, klappt aber nicht. Gibt es dafür eine Lösung?

Zitat von FKWars im Beitrag #10
[*/

@media (min-width: 768px) {

.jtpl-content {
width: 1000px !important;
}
}

/*]]>*/
</style>

[/code]


 Antworten

 Beitrag melden
12.07.2021 10:21
avatar  sgrafik
#12
avatar

Hab gerade in das Forum geschaut, ob jemand für mein Problem (Link) eine Lösung hat ... war leider nicht der Fall - also helfe ich, wo ich kann ;-)

1. mit vw klappt das bei mir sehr gut mit % nicht, da meines Wissens nicht von der Ansichtsbreite ausgegangen wird, sondern von der vordefinierten Breite.

2. der andere Bereich (Sidebar) müsste auch noch angepasst werden

3. Beachte: du kannst nicht davon ausgehen, dass deine Seite nur auf grossen Bildschirmen und dann noch ganzflächig genutzt werden, eigentlich werden sie das immer weniger ... und was willst du mit dieser Breite? eine Textzeile sollte nicht mehr als 60 Zeichen haben, sonst wird sie sowieso schlecht gelesen ...

Viel Spass!


 Antworten

 Beitrag melden
21.07.2021 10:33 (zuletzt bearbeitet: 21.07.2021 10:36)
avatar  az_
#13
avatar
az_

Schaut euch mal die Dokumentation für die CSS Anweisung CALC an. Das wird eventuell hier helfen.

https://css-tricks.com/a-couple-of-use-cases-for-calc/ Hier findet ihr eine Menge Anwendungen für den Befehl


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
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!