Design Stockholm: Content-Bereich breiter

27.04.2017 11:34
avatar  Amy
#1
Am
Amy

Liebes Forum,

ich nutze das Design Stockholm und finde es etwas störend, dass links und rechts so viel freie Fläche auf meiner Seite ist. Ich würde gerne die Elemente (Spalten, Bilder etc.) breiter anzeigen lassen. Ist das möglich?

LG
Amy


 Antworten

 Beitrag melden
27.04.2017 17:56 (zuletzt bearbeitet: 27.04.2017 17:56)
avatar  Norbert
#2
avatar

ich hab es so gelöst:

1
 
.cc-content-parent {max-width: 1280px !important;}
 


statt der Pixelangabe kannst Du auch z.B. 100% schreiben. Ich wählte die angabe 1280px, damit die Seite auf größeren Schirmen nicht so auseinandergezogen wird.


 Antworten

 Beitrag melden
05.05.2017 13:45
avatar  Amy
#3
Am
Amy

Hallo Norbert,

danke, deine Lösung funktioniert einwandfrei! Leider sind einige Widget-Elemente auf meinem externen Bildschirm jedoch verschoben (auch bei 100%-Angabe) – gibt es eine allgemeine Lösung, wo sich die Größe automatisch anpasst? Wahrscheinlich nicht, oder?

LG
Amy


 Antworten

 Beitrag melden
05.05.2017 23:51
avatar  Norbert
#4
avatar

Ich verzweifle auch gerade daran, dass sich immer alles verschiebt, wenn man die Bildschirmgrößen ändert. Vor allem bei Spaltenelementen.


 Antworten

 Beitrag melden
06.05.2017 00:55
avatar  Starty
#5
St

Bei mir sind die Spalten beim Design Stockholm responsiv, jedoch das Element "Bild mit Text" nicht, daher muss ich zur Zeit auf die Spaltenelemente zurückgreifen :o sieht leider nicht so gut aus:/


 Antworten

 Beitrag melden
21.10.2017 23:46
#6
co

Hey,

ich hab leider genau das selbe Problem und würde den Content Bereich als auch die Fußzeile bei meinem Design in der Breite verändern.

Derzeit benutze ich das Design Stockholm und meine website ist unter creativelifestyles.at erreichbar.

Könnte mir jemand behilflich sein?

Vielen Dank und liebe Grüße,
Helmut


 Antworten

 Beitrag melden
21.10.2017 23:57 (zuletzt bearbeitet: 21.10.2017 23:59)
avatar  FKWars
#7
avatar

Hallo copterling,

versuch mal

1
2
3
4
5
6
7
8
 
.jtpl-content, .jtpl-footer__inner,
.jtpl-sidebar__inner
 
{max-width:
1520px!important;}
 
/*]]>*/
</style>
 



Gruß FKWars


 Antworten

 Beitrag melden
22.10.2017 19:57
avatar  FKWars
#8
avatar

War mein Fehler, vor dem Code natürlich ein <style> eingegeben.


 Antworten

 Beitrag melden
22.10.2017 23:39
avatar  FKWars
#9
avatar

Nu sollte aber :-)

1
2
3
4
5
6
7
8
 
<style>
 
.jtpl-content__inner, .jtpl-section-aside .jtpl-section-aside__inner {
 
max-width: 1800px!important;
}
 
</style>
 


 Antworten

 Beitrag melden
23.10.2017 06:52
avatar  az_
#10
avatar
az_

Manchmal muss es offenbar noch anders einggeben werden:

1
2
3
4
5
 
<style type="text/css">
 
...
 
</style>
 



(...hatte ich gestern das erste Mal )


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
23.10.2017 14:34
#11
co

vielen, vielen Dank Leute, es hat geklappt!

mit dem ..."text/css" hat es sich wunderbar einrichten lassen. :)


 Antworten

 Beitrag melden
24.10.2017 12:01
avatar  FKWars
#12
avatar

Wirklich sehr seltsam auch bei mir reicht <style></style> nicht mehr, ohne "text/css" werden Codes nicht angenommen.


 Antworten

 Beitrag melden
09.06.2019 18:13
#13
si

Auch wenn dieser Thread schon etwas älter ist, habe ich noch eine Frage:
Wie bekomme ich es hin, dass ich eine Änderung des Content-Bereichs auf alle Blog-Beiträge auswirkt? Wenn ich die Änderung in Jimdo auf der Unterseite "Blog" einfüge, wird nur die Blogübersicht geändert.

Gibt es hierzu eine Möglichkeit? Oder muss ich das wirklich für jeden Beitrag einzeln machen?

Danke euch!


 Antworten

 Beitrag melden
09.06.2019 18:17
avatar  az_
#14
avatar
az_

... wie ist denn die URL Deiner Webseite?


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
09.06.2019 18:22
#15
si

Stimmt, hätte ich auch dazu schreiben können: www.kaischneiders.de/blog


 Antworten

 Beitrag melden
09.06.2019 18:38 (zuletzt bearbeitet: 09.06.2019 18:40)
avatar  az_
#16
avatar
az_

versuch mal:

1
2
3
4
 

#page-1872971365 .jtpl-content__inner, {
max-width: 80% !important;
}
 



...oder

1
2
3
4
 

#page-1872971365 .jtpl-content__inner {
max-width: 1100px !important;
}
 


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
09.06.2019 19:55 (zuletzt bearbeitet: 09.06.2019 19:55)
#17
si

Hm, da passiert leider gar nichts.
Ich habe das jetzt unter "Head bearbeiten" --> "Unterseiten" --> Blog eingefügt.

Mit dem ursprünglichen Code

1
2
3
4
5
6
7
8
 
<style type="text/css">

.jtpl-content__inner, .jtpl-section-aside .jtpl-section-aside__inner {

max-width: 60%!important;
}

</style>
 



hat das Verkleinern der Breite gut geklappt, aber eben nur auf der Seite, wo ich das in den Header geschrieben habe.

Oder muss ich deinen Code woanders einfügen?


 Antworten

 Beitrag melden
11.06.2019 15:34
avatar  az_
#18
avatar
az_

...was genau willst Du nochmal erreichen?


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
11.06.2019 15:45
#19
si

Ich möchte erreichen, dass Blog und alle Beitragsseiten mit einer Breitre von 60% dargestellt werden.
Wie ich den Code hier aus dem Thread in den Head des Blogs einfüge, wirkt sich das aber nur auf die Blog-Seite und nicht auf die Beitragsseiten aus.

Hier müsste ich tatsächlich bei jedem Posting den Head der Beitragsseite bearbeiten.

Und meine Frage ist nun, ob ich das irgendwie umgehen kann.
Link war www.kaischneiders.de/blog

Dankeschön im Voraus!


 Antworten

 Beitrag melden
12.06.2019 09:29
avatar  az_
#20
avatar
az_

auf deinen Beitragsseiten ist im head der folgende Eintrag:

1
2
3
4
5
6
7
8
9
10
 
<style type="text/css">
/*<![CDATA[*/

.jtpl-content__inner, .jtpl-section-aside .jtpl-section-aside__inner {

max-width: 50%!important;
}

/*]]>*/
</style>
 



...kann es sein, dass Du den in den head für die gesamte Seite gesetzt hast? dann muss der da raus.

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