Create a blog page with simple HTML markup:
1 2 3 4 5 6 7 |
<div class="ct-blog-container ct-blog-masonry ct-blog-masonry--col3 ct-gallery"> <article class="ct-blog-item ct-gallery-item ct-gallery-item--type1"> [content] </article> </div> |
If you would like to use Masonry layout for the blog, don’t forget to use the following scripts on blog page:
1 2 3 |
<script src="assets/js/portfolio/jquery.isotope.min.js"></script> <script src="assets/js/portfolio/imagesloaded.js"></script> <script src="assets/js/portfolio/init.js"></script> |
You can modify blog columns settings with following CSS variations:
– ct-blog-container
- ct-blog-masonry
- none – it’s not required to use ‘masonry’ option
- ct-blog-masonry–col2
- ct-blog-masonry–col3
- ct-blog-masonry–col4
You can also select single post appearance with the following classes:
- ct-gallery-item–type1
- ct-gallery-item–type2
- ct-gallery-item–type3