Change Gridsize of Cubic

• 

  viewnewscomau · Member · Feb 3, 2015 at 11:27 am

  • Copy link
  • Add topic to favorites

  I want to change the new Cubic theme so that each post in the grid is not square (1:1) but in the ratio (16:9). I’ve changed the image size in the themes.php file from 980 x 980 to 720 x 576 but the posts remain square. Can’t see what in the CSS is governing the height to be the same as the width.

  Suggestions?

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

• 

  kevmarsden · Member · Feb 5, 2015 at 6:06 am

  • Copy link

  It looks like you were able to change the grid size to 16:9. If you have any other questions about the Cubic theme, please let us know.

  Also, please note that the Cubic theme hasn’t been reviewed and released in the WordPress.org repository, so there will likely be changes to the theme.

• 

  viewnewscomau · Member · Feb 5, 2015 at 6:28 am

  • Copy link

  Thanks Kev

  Yes I did work it out….eventually. For the record.

  I changed the image size in Cubic’s theme.php to 1280 x 720

  and made these changes to custom css (via Jetpack)

  @media screen and (min-width: 568px) {
  /* Content */
  .archive .hentry,
  .blog .hentry,
  .search-results .hentry {
  float: left;
  padding-bottom: 28.125%; /* <– */
  width: 50%;
  }

  @media screen and (min-width: 1024px) {
  /* Content */
  .archive .hentry,
  .blog .hentry,
  .search-results .hentry {
  padding-bottom: 18.75%; /* <– */
  width: 33.3333%;
  }

  And yes I saw that it was available via wordpress.com and went hunting. I needed the infinite scroll & same template for the categories features. Accept that I may need to reapply my changes should it or its parent theme Boardwalk change.

  Thanks again for replying.

  Charles

• 

  kevmarsden · Member · Feb 5, 2015 at 4:49 pm

  • Copy link

  Thanks for the update and leaving your customizations!

  They may help other users with a similar question. Cheers!