-
Posts
-
Hi,
What would you like to know about 12 column grid? You can see width of columns for each screen resolutions on Enfold > Css > Gris.css
Regards,
Yigit
Hi debban,
The only instance in which you would need to really work with it would be if you were coding a layout from scratch. In that case, you can view the basics of working with a grid here http://www.getskeleton.com/#grid
There isn’t however any set documentation for it right now since there are so few instances where someone who isn’t already familiar with a css grid system would need to be oriented with the one used in the theme’s framework (since all the data is in the css files for the theme).
Regards,
Devin
Hi,
i think the columns in the advance layout editor really is limited I am looking at creating post content with a fullwidht template in boxed mode more like in the bootstrap grid, see below:
Code:<div class=”row”>
<div class=”col-md-2″>.col-md-2</div>
<div class=”col-md-8″>.col-md-8</div>
<div class=”col-md-2″>.col-md-2</div>
</div><div class=”row”>
<div class=”col-md-1″>.col-md-1</div>
<div class=”col-md-8″>.col-md-8</div>
<div class=”col-md-3″>.col-md-3</div>
</div><div class=”row”>
<div class=”col-md-3″>.col-md-3</div>
<div class=”col-md-3″>.col-md-3</div>
<div class=”col-md-3″>.col-md-3</div>
<div class=”col-md-3″>.col-md-3</div>
</div>I have tried a few classes and made it partly work but I really need some help to get going, since you have a 12 column grid why not use its full potential?
This should actually be added to the advance layout editor.
Could you please help me out so that i can get started.
Adding in bootstrap with an already established grid is not the right way to try something like this. You should be editing the single.php file and/or just modifying the css for single pages.
The individual posts don’t have a full width template at the moment so you would need to write php code to support it. Throw a second grid on top of the theme and the results will never quite be right and you’ll be slowing down the load time for all of those pages.
If you wanted to make all single posts full width you could modify single.php and just hard code the units for the page :
<div class='content units <?php avia_layout_class( 'content' ); ?>'>and remove the sidebar.
- The topic ‘Grid documentation’ is closed to new replies.