Nur bräuchten wir dafür den notwendigen html-Code (falls nur die Klassen geändert werden müssen) bzw. den zugehörigen CSS-Code (falls der geändert werden muss)
Footer bereich
- rsx90
- Erledigt
-
-
^denke mal, Tom meint, du sollst hier ^ in den code, statt
50, 25, 25 eintragen ..
-
Ich denke so:
Code
Alles anzeigen<div class="row footerContentLinks"> <div class="col-xs-12 col-md-6"> <h2 class="boxTitle">Überschrift</h2> <div class="boxContent"> <ol> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> </ol> </div> </div> <div class="col-xs-12 col-md-3"> <h2 class="boxTitle">Überschrift</h2> <div class="boxContent"> <ol> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> </ol> </div> </div> <div class="col-xs-12 col-md-3"> <h2 class="boxTitle">Überschrift</h2> <div class="boxContent"> <ol> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> </ol> </div> </div> <div class="col-xs-12 col-md-3"> <h2 class="boxTitle">Überschrift</h2> <div class="boxContent"> <ol> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> <li><a href="#"><span class="icon icon16 fa-check"></span> Link</a></li> </ol> </div> </div> </div>
Also das erste col-md-3 in col-md-6 ändern.
-
Danke euch soweit.
Ich hatte beim Screenshot oben leider einen Fehler gemacht. Wir haben im Footer 4 und nicht 3 Boxen integriert. Das past dann mit den 50% 25% 25% nicht mehr ganz. Bzw. was heißt das für den Code?
-
Danke euch soweit.
Ich hatte beim Screenshot oben leider einen Fehler gemacht. Wir haben im Footer 4 und nicht 3 Boxen integriert. Das past dann mit den 50% 25% 25% nicht mehr ganz. Bzw. was heißt das für den Code?
https://github.com/WoltLab/WCF…tyle/layout/grid.scss#L51
Einfach im grid.scss nachschauen und dir den Selector raussuchen, den du benötigst.
-
Genau, dann testest du einfach andere Codes. Du mußt in der Summe immer auf 12 kommen, dann passt es.