Adding Columns

• 

  marleeyoung · Member · May 8, 2015 at 5:55 am

  • Copy link
  • Add topic to favorites

  I need help adding the html and css to add columns that can display the information on my pages. The theme seems to be interfering with my ability to do so. For example, on the featured page, there is 10 songs and i would like to be able to have 5 songs on the left hand of the page and 5 songs on the right.

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

• 

  thesacredpath · Member · May 8, 2015 at 3:13 pm

  • Copy link

  Hi there, to do this, you would have to use custom CSS which is a feature of the WordPress.com Premium Plan. Even with this though, the results aren’t perfect. You can try out and preview custom CSS before you buy as explained here. This would be the basics of the CSS needed. To keep things from getting too narrow on smaller screens, I’ve limited this change to 768px and wider using a Media Query.

  @media screen and (min-width: 768px) {
  .hentry {
      width: 45%;
      display: inline-block;
      vertical-align: top;
  }
  article:nth-child(even) {
      padding-left: 20px;
  }
  article:nth-child(odd) {
      padding-right: 20px;
  }
  }