Creating columns in the Archives with Nishita Theme

• 

  patcallahanphoto · Member · Mar 11, 2014 at 10:05 am

  • Copy link
  • Add topic to favorites

  I have the Nishita Theme and I would like more than one column to show when someone clicks on a menu item and goes to the archives. Currently only one column of prior post shows up. Can any one give me any advice on how to accomplish this

  The blog I need help with is: (visible only to logged in users)

• 

  hfzrhmn · Member · Mar 11, 2014 at 11:01 am

  • Copy link

  Hi,

  According to the theme’s documentation:

  You can also add widgets to the “Primary Sidebar” to make a sidebar appear next to the main column—otherwise the sidebar will remain hidden on all pages.

  http://theme.wordpress.com/themes/nishita/

  Note that if you do the above, the sidebar will likely show up on the homepage as well. If you want to hide the sidebar on the homepage, there’s probably a custom CSS to do that. Feel free to ask here again if you need it.

• 

  patcallahanphoto · Member · Mar 11, 2014 at 11:26 am

  • Copy link

  Here is what I am trying to accomplish. I don’t want the sidebar on my homepage, because I want my photos to post as large as they can, but in the archives currently there is just one column of pictures that goes down the left side. I would like to display more pictures in the archive for a given menu item instead of just on the left side, and you have to scroll and click again to see more. I am ok with the thumbnail size I just wish I could have the whole page with thumbnails. I really like the Nishita theme for photo display on the main page, but the archive display is not great. I would be happy to upgrade to custom for the CSS if someone would know how to make more columns in the archives or a slide show. Thanks!

• 

  thesacredpath · Member · Mar 11, 2014 at 5:30 pm

  • Copy link

  Ok, this is a bit of CSS trickery (hack-ish) but add this and look at one of your archive/category pages.

  .archive div.post {
      width: 48%;
  }
  .archive div.post:nth-child(2n+1) {
      float: right;
  }
  .archive div.post:nth-child(2n) {
      float: left;
      margin-bottom: -120px;
  }

  The number of posts setting at Settings > Reading sets the number of posts on the main blog page, archive, category and tags pages. You cannot set those individually. To show more on the archive/cat/tag pages, you would also have to show more on the main page of your site. Since the main page has full sized images, that means that page will load more slowly the more you increase the number of posts to show, whereas on the archive/cat/tags pages, because they show the thumbnails, they will load more quickly. You have to figure out where that compromise is. This will make your archive/cat/tags pages look nicer though. With Nashita being a fixed width theme, the above can be done where as on a responsive width theme, it would be tricky to say the least.

• 

  thesacredpath · Member · Mar 11, 2014 at 5:31 pm

  • Copy link

  Oh yeah, one other thing: You will need to keep the number of posts to show on a page at Settings > Reading set to an even number.

• 

  thesacredpath · Member · Mar 11, 2014 at 5:34 pm

  • Copy link

  Wait! Use the following instead. It fixes an issue that I hadn’t noticed.

  .archive div.post {
      width: 48%;
  }
  .archive div.post:nth-child(2n+1) {
      float: right;
      position: relative;
      top: -130px;
  }
  .archive div.post:nth-child(2n) {
      float: left;
  }

• 

  thesacredpath · Member · Mar 11, 2014 at 5:35 pm

  • Copy link

  Wait #2! Change the “top” value in the second rule above to -133px.

• 

  patcallahanphoto · Member · Mar 11, 2014 at 6:48 pm

  • Copy link

  Thank you, I will give it a try and let you know how it goes. Thanks for responding to my problem!

• 

  patcallahanphoto · Member · Mar 11, 2014 at 7:07 pm

  • Copy link

  It worked!!!!!!!!!!! Thank you very much! You are the best!

• 

  thesacredpath · Member · Mar 11, 2014 at 7:11 pm

  • Copy link

  Yay! And you are welcome.