WordPress.org

Ready to get started?Download WordPress

Forums

[MAX Magazine Theme] Possible to achieve 2 column posts? (6 posts)

  1. rlntls
    Member
    Posted 1 year ago #

    HI all, hope this is in the correct place. I'm using the Max Magazine responsive theme, and would like to create more of a magazine feel by going 2 column with the posts (below the slider and latest post areas)

    Is this achievable? If so, how would I go about it?

    The site is http://www.fifafanzone.com. Any other comments are welcome.

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    you could try just css; i.e. setting the posts to about half width, floating them left, etc;

    example, to be added to style.css of your theme:

    #posts-list .post:nth-child(odd), #posts-list .post:nth-child(even) { width: 49%; float:left; }
    #posts-list .post:nth-child(odd) { margin-right:2%; }
    #posts-list .post:nth-child(odd) { clear:both; }
    @media screen and (max-width : 629px) {
      #posts-list .post:nth-child(odd), #posts-list .post:nth-child(even) { width: 100%; float:none; margin-right:0%; }
      #posts-list .post:nth-child(odd) { clear:none; }
    }

    (only tested in FF15; will not work in older browsers such as IE8 and older)

  3. rlntls
    Member
    Posted 1 year ago #

    Thanks alchymyth, that looks like it might work. I've applied that now. How would I go about returning to single column for the middle reponsive size? I see that it returns to 1 column for the smallest (approx 300px), is this possible for the next largest cutoff? Also, do I need to clear the pagination buttons?

    Thanks again.

  4. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    change the one line to:
    @media screen and (max-width : 960px) {

    to clear the pagination buttons, possibly add:
    .pagination { clear: both; }

  5. nilufer1
    Member
    Posted 1 year ago #

    hello i start to use max magazine theme i add a new page to create home page from dashboard and url is http://www.girotango.com/home. I want it to be http:www.girotango.com. How can i do it? I could not edit from dashboard. I would be very pleased if you help me. Thank you very much

  6. nilufer1
    Member
    Posted 1 year ago #

    I solved. Thnx

Topic Closed

This topic has been closed to new replies.

About this Topic