Make post grid symmetric squares

Premium Theme Support Themes Harbor Hermes Make post grid symmetric squares

• 

  travelgrapherofficial · Member · September 2, 2020 at 7:53 am

  • Copy link
  • Add topic to favorites

  Hi Taras,

  Thank you so much for helping out with the beautiful Hermes theme!

  I put in CSS to make the posts grid symmetric squares, e.g. 3 columns wide. However, the CSS suddenly stopped working and the posts grid are now as default, making some of them very wide.

  Please see this page: https://travelgrapher.com/posts/

  I got help from you two times earlier with this issue in these threads:

  https://premium-themes.forums.wordpress.com/topic/black-squares-on-homepage-grid/

  https://premium-themes.forums.wordpress.com/topic/update-css-conflict/

  The CSS I use is the below (row 287). I want it to apply to all pages showing posts grid.

  
  @media (min-width: 992px) {
  .content-area .hentry-grid .hentry {
  width: 33%;
  }
  }

  #page .hentry-grid .entry-title {
  font-size: 1.225rem;
  }

  #page .hentry-grid .hentry {
  height: 360px;
  }

  .infinite-grid {
  clear: none;
  }

  .hentry-grid .hentry {
  flex-grow: 0;
  }

  All the best,

  Erik

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

• 

  tarasdashkevych · Theme Author · September 2, 2020 at 2:46 pm

  • Copy link

  Hello Erik,

  I apologize for the inconvenience. A new version of the theme has been released with a lot of fixes regarding the block editor, performance and accessibility. Now, your site is faster and more user-friendly compared to the previous version.

  Also, we’ve added an option to change a grid layout in archive view, so there is no need to use a custom CSS.

  To change the layout, please go to the Customizer: Theme Options > Grid Layout (https://snipboard.io/f2nyXE.jpg)

  You can only keep this custom CSS (I remember you’ve mentioned that you do not your grid items to fill empty gaps):

  
  .hentry-grid .hentry {
    flex-grow: 0;
  }
  

  Please let me know if you have any additional questions.

  Kind regards,
  Taras

• 

  travelgrapherofficial · Member · September 3, 2020 at 6:54 pm

  • Copy link

  Hi Taras,

  That’s great, thanks for the information! Makes things a little bit easier :)

  Erik

• 

  tarasdashkevych · Theme Author · September 3, 2020 at 10:22 pm

  • Copy link

  You are very welcome, Erik! :)

• The topic ‘Make post grid symmetric squares’ is closed to new replies.