Allgemeines » Design Rome - Content, Sidebar und Footer breiter.

28.05.2017 23:25 (zuletzt bearbeitet: 28.05.2017 23:28)

FKWars
#1

Hallo,
erst mal möchte ich dieses Forum hier loben, es hat mich schon in vielen kniffligen Fragen (für mich zumindest ;-)) weiter gebracht, auch die Profis hier sind immer nett und versuchen zu helfen wo es geht.
Jetzt zu meiner Frage. Ich benutze das Rome Design, und ich würde gerne den Content Bereich, die Sidebar und den Footer verbreitern. Den Content Bereich konnte ich anhand von .cc-content-parent {max-width: px !important;} verbreitern, doch leider wurde es dann auf den Android Geräten nicht mehr richtig angezeigt, also war das Responsive hinüber.
Gibt es da eine Lösung? Freue mich auf die Antworten :-). Achja, meine Seite, noch ganz spartanisch lt. https://www.crazy-terra.com

L.G FKWars

www.crazy-terra.com

Antworten

Beitrag melden

#2

29.05.2017 00:25

FKWars
#2

FKWars

Zusatz zu meiner Frage. Ich meine nicht die komplette Bereiche verbreitern, sonder nur die Bereiche in denen die Elemente (Spalten, Texte, Bilder usw.) einfügen kann. Sorry, bin mit Webdesign so gut wie Null vertraut. Wahrscheinlich ist jetzt noch mehr unklar ;-)

www.crazy-terra.com

Antworten

Beitrag melden

#3

30.05.2017 06:57 (zuletzt bearbeitet: 31.05.2017 08:42)

FKWars
#3

FKWars

Den Content habe ich anhand des Codes:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<style type="text/css">
/*<![CDATA[*/
 
div#content_area {margin-bottom: 0px;}
#cc-inner #content_area {
 
        position:absolute;
        margin-top: 0vw;
        z-index:99999;
        width: 94vw;
        left: calc(-47vw + 50%);
        position: relative;
        padding: 0px;
        height: auto !important;
        
    }
/*]]>*/
</style>
 

auf die gewünschte Breite bekommen. Responsive ist es auch, alles erst mal alles bestens.
Leider bekomme ich die Sidebar und den Footer nicht breiter, hat jemand eine Lösung?
Schönen Tag allen hier :-)

www.crazy-terra.com

Antworten

Beitrag melden

#4

31.05.2017 09:11 (zuletzt bearbeitet: 31.05.2017 09:11)

az_
#4

az_

...position:absolute; ist keine so gute Idee. Bei Rome besser einfach die max-width hochsetzen, z.B.:

1
2
3
 
.jtpl-breadcrumb,.jtpl-content, .jtpl-footer__inner,
.jtpl-header__inner, .jtpl-sidebar__inner {max-width:
1180px!important;}
 

Dein Code ist außerdem etwas überfrachtet, würde ich sagen.
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

#5

02.06.2017 07:21

FKWars
#5

FKWars

Super, hat alles bestens funktionier. Danke

www.crazy-terra.com

Antworten

Beitrag melden

#6

17.10.2017 15:46

Dananina
#6

Da

Dananina

Ich habe eine Frage dazu und wäre sehr dankbar, wenn mir jemand helfen könnte. Und habe auch sehr wenig Ahnung von Webdesign.

Wenn ich folgenden von az empfohlenen Code im Header eingebe, passiert auf der Seite gar nichts...

.jtpl-breadcrumb,.jtpl-content, .jtpl-footer__inner,
.jtpl-header__inner, .jtpl-sidebar__inner {max-width:
1180px!important;}

Muss davor oder dahinter noch irgendwas eingegeben werden?

Danke schonmal für Antworten :)

Antworten

Beitrag melden

#7

17.10.2017 21:29

FKWars
#7

FKWars

Hallo Dananina,

mach davor ein <style> und nach dem Code ein </style>.

Gruß FKWars

www.crazy-terra.com

Antworten

Beitrag melden

#8

17.10.2017 22:06 (zuletzt bearbeitet: 17.10.2017 22:19)

copterling
#8

co

copterling

Hey FKWars,

erstmals möchte ich Dir zu Deiner Seite gratulieren. Sieht hammer aus!

Danke auch für Deinen Code, der aber bei mir leider nicht funktioniert.
Ich habe das Design Stockholm und wenn ich den Code so eingebe:

<style>
.jtpl-breadcrumb,.jtpl-content, .jtpl-footer__inner,
.jtpl-header__inner, .jtpl-sidebar__inner {max-width:
1180px!important;}
</style>

verschiebt sich bei mir einfach alles nur nach links (siehe Bild anbei).

Hättest jemand eine Möglichkeit für mich, wie ich meine Seite verbreitern kann?

Wenn ich diesen Befehl eingebe, funktioniert alles wunderbar, nur leider bleibt der Footer schmal. Zudem wird auf der mobilen Website der Text verschmälert und nicht wie bisher über die ganze Seite des Smartphones dargestellt.

<style type="text/css">
/*<![CDATA[*/

div#content_area {margin-bottom: 0px;}
#cc-inner #content_area {

position:absolute;
margin-top: 0vw;
z-index:99999;
width: 94vw;
left: calc(-35vw + 50%);
position: relative;
padding: 0px;
height: auto !important;

}
/*]]>*/
</style>

Würde mich über Inputs freuen!

Danke!