Quantcast
Channel: Opinion: Shopify Community - Shopify Design
Viewing all articles
Browse latest Browse all 57838

Blog layout by Anna Clough

$
0
0

Hi

I'm looking to make my blog more visual rather than the single column layout with sidebar. I have no coding skills and have so farI've just amended my blog layout so that it shows in columns, however it repeats the same post in each column, I would like it to show the blogs in horizontal order rather than vertical, so it looks like this:
1, 2, 3
4, 5, 6

Hope that makes sense, any tips on how to achieve this by editing the template would be great.

My code currently looks like this:

{% paginate blog.articles by settings.pagination_limit %}
<div id="blog">
  
  <div class="row title">
    <div class="span12">
      <h1>{{ blog.title }}</h1>
    </div> 
  </div> 
    
  <!-- Begin content -->
  <table class = "blog.articles">
  {% tablerow article in blog.articles %} {% if blog.next_article %}
{{ 'next post >>' | link_to: blog.next_article }}
{% endif %}
  <div class="row">
    <div class="span9 articles">
      {% for article in blog.articles %}
      <div class="article">
        <h1><a href="{{ article.url }}">{{ article.title }}</a> <span class="date" style="display: block;">{{ article.published_at | date: "%B %d %Y" }}{% if article.comments_enabled? %}, <span>{{ article.comments_count }} {{ article.comments_count | pluralize: "Comment", "Comments" }}</span>{% endif %}</span></h1>
        {{ article.excerpt_or_content }}
      </div>
      <hr class="divider" />
      {% endfor %}
    </div>
    
     {% endtablerow %}
  </table>

    
    <!-- Begin sidebar -->
    
    <!-- End sidebar -->
    
  </div>
  <!-- End content -->
  
</div>

{% include 'pagination' %}
{% endpaginate %}

Thanks,
Anna


Viewing all articles
Browse latest Browse all 57838

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>