[gelöst] Bartik breite ändern
Eingetragen von dune1982 (14)am 06.08.2014 - 14:14 Uhr in
Hallo Leute
Ich möchte gerne die Gesamtbreite meiner Seite ändern. Wo stelle ich das denn bei Bartik ein?
- Anmelden oder Registrieren um Kommentare zu schreiben
Gegenfrage: Weist Du, was CSS
am 06.08.2014 - 15:07 Uhr
Gegenfrage: Weist Du, was CSS ist und hast Dich schon einmal damit beschäftigt? Du willst am Aussehen Deiner Seite ändern. Die Breite ist ja vermutlich nur ein erster Punkt. Dazu solltest Du vor allem nicht am originalen Bartik-Theme Deiner Drupal-Installation ändern sondern entweder das Bartik Theme (also den entsprechenden Ordner) von themes nach sites/all/theme kopieren und dort ändern oder Du erstellst eine Ableitung des Bartik Themes in sites/all/themes. Damit wird es zu Deinem Theme und du kannst darin ändern ohne die Änderungen mit dem nächsten Drupal-Update wieder zu verlieren. Ich hänge mal eine Ableitung von Bartik (my_bartik) an.
In Groben zügen weiß ich was
am 06.08.2014 - 15:29 Uhr
In Groben zügen weiß ich was css ist. Wie erstellt man denn eine Ableitung von dem derzeitig verwendetem Theme?
Bemühe doch mal Google mit
am 06.08.2014 - 15:54 Uhr
Bemühe doch mal Google mit z.B. "drupal subtheme bartik"
Dann findest du Video Tutorials zu dem Thema oder schön beschrieben:
http://geoff.com.au/content/creating-subtheme-bartik-drupal-7
Der Ansatz sollte immer sein, sich ein eigenes bzw. abgeleitetes Theme zu erstellen, wenn du in einigen Monaten ein Update machst, denkst du nicht mehr an Änderungen im Original Theme und dein ganzes Layout ist futsch..
Grüße Jenna
Wenn ich nun so ein subtheme
am 07.08.2014 - 16:56 Uhr
Wenn ich nun so ein subtheme angelegt habe, wie ändere ich nun die Breite damit mehr platz für main content ist?
Im Bartik-Theme gibt es eine
am 07.08.2014 - 18:12 Uhr
Im Bartik-Theme gibt es eine CSS-Datei namens layout.css. Die kopierst Du in Dein abgeleitetes theme und bindest sie in der .info-Datei Deines Themes an. In dieser Datei gibt es eine Reihe von Selectoren, die Auswirkung auf die Breite haben. Da wird etwa die Breie von Content unterschiedlich definiert, je nachdem ob es einen oder zwei Seitenstreifen gibt. Bartik geht von 960 Pixel Gesamtbreite aus. Ich sehe die Notwendigkeit zum Eingreifen an folgenden Stellen:
#page-wrapper {min-height: 100%;
min-width: 960px;
}
#header div.section,
#featured div.section,
#messages div.section,
#main,
#triptych,
#footer-columns,
#footer {
width: 960px;
margin-left: auto;
margin-right: auto;
}
.one-sidebar #content {
width: 720px;
}
.two-sidebars #content {
width: 480px;
}
.no-sidebars #content {
width: 960px;
float: none;
}
#sidebar-first,
#sidebar-second {
width: 240px;
}
#footer {
width: 940px;
min-width: 920px;
}
Was Du jetzt wie ändern möchtest, liegt an Dir.
Ich habe die Layout.css wie
am 08.08.2014 - 09:26 Uhr
Ich habe die Layout.css wie folg geändert. Breite um 240px erhöht. Leider ohne Erfolg
/* ---------- Basic Layout Styles ----------- */
html,
body,
#page {
height: 100%;
}
#page-wrapper {
min-height: 100%;
min-width: 1200px;
}
#header div.section,
#featured div.section,
#messages div.section,
#main,
#triptych,
#footer-columns,
#footer {
width: 1200px;
margin-left: auto;
margin-right: auto;
}
#header div.section {
position: relative;
}
.region-header {
float: right; /* LTR */
margin: 0 5px 10px;
}
.with-secondary-menu .region-header {
margin-top: 3em;
}
.without-secondary-menu .region-header {
margin-top: 15px;
}
#secondary-menu {
position: absolute;
right: 0; /* LTR */
top: 0;
width: 480px;
}
#content,
#sidebar-first,
#sidebar-second,
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
display: inline;
float: left; /* LTR */
position: relative;
}
.one-sidebar #content {
width: 960px;
}
.two-sidebars #content {
width: 720px;
}
.no-sidebars #content {
width: 1200px;
float: none;
}
#sidebar-first,
#sidebar-second {
width: 240px;
}
#main-wrapper {
min-height: 300px;
}
#content .section,
.sidebar .section {
padding: 0 15px;
}
#breadcrumb {
margin: 0 15px;
}
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last {
margin: 20px 20px 30px;
width: 280px;
}
#footer-wrapper {
padding: 35px 5px 30px;
}
.region-footer-firstcolumn,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
padding: 0 10px;
width: 220px;
}
#footer {
width: 1180px;
min-width: 920px;
}
Hast Du danach auch die
am 08.08.2014 - 09:59 Uhr
Hast Du danach auch die Caches geleert?
Oh man, ja ok hat doch
am 08.08.2014 - 10:29 Uhr
Oh man, ja ok hat doch funktioniert.
Vielen Dank für die Hilfe