Zen is a great theme and comes by 3 columns gris as default and even when i read the documentation i don't know how to change the grid system to 2 columns 30%- 70% for ex.. Can you help me please.

  • I'm voting to close this question as off-topic because it's a support request to a third-party project hosted on drupal.org or elsewhere. Please submit it to the project's issue queue instead, providing the steps to reproduce. Many thanks
    – leymannx
    Apr 7, 2020 at 18:43

1 Answer 1

$zen-column-count: 10;

.container {
 @include zen-grid-container;
.column1 {
 @include zen-grid-item(3, 1);
.column2 {
 @include zen-grid-item(7, 4);

You include 10 columns, and use 3 for 30% and 7 for 70%. Reason being that columns are of equal width and if you want to implement two unequal columns you have to use multiples of a common denominator.

  • ok wait,i will test it and give you a feedback Jul 25, 2014 at 22:38
  • But add this css to what? Jul 25, 2014 at 22:57
  • <div class="container"> <div class="column1"> some content </div> <div class="column2"> some content </div> </div> Jul 26, 2014 at 18:29
  • i don't understand,do i have to add this css to my template.php or style.css or what? Jul 26, 2014 at 19:05
  • 1
    Technically this is SCSS and you edit scss files. It has to be pre-processed by SASS. You have to install Ruby, some requirements, SASS and Compass gems. You install Zen theme, create Zen subtheme. You use bundler to install gem dependencies (Zen Grids etc). When that is all done, you issue your compass watch command. Compass will then watch your scss folder that is in the zen sub theme for changes. You then edit the scss files and it generates css. Search for the Complete Guide To Omega 4 on youtube as it explains a lot of the installation. And search for how to install compass and SASS. Jul 28, 2014 at 4:49

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.