Make picture square and align

• 

  sancroce · Member · Aug 6, 2019 at 11:52 pm

  • Copy link
  • Add topic to favorites

  Hello:
  I was wondering if there is a way to show the sub-grid pictures shown in the Grid page square instead of in a circle. Also, how to align text and pic centered.

  the page I’m talking about is
  https://tangozonanorte.wordpress.com
  https://tangozonanorte.wpcomstaging.com/things-to-do/

  Thank you

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

• 

  kokkieh · Staff · Aug 7, 2019 at 10:32 am

  • Copy link

  Hi there,

  Please note that your Business Plan gives you 24/7 access to live chat and priority email support for help with questions like these. There’s no need for you to post in the peer support forums for free users for help with your site. You can reach live chat support at any time by clicking the Help icon bottom-right on your dashboard, or via the direct link, https://wordpress.com/help/contact

  Go to My Site ->Design ->Customize ->CSS, and paste the following code there:

  /* Make page thumbnail images on grid-template page square */
  .pique-grid-three img.size-pique-square {
    border-radius: 0;
  }

• 

  kokkieh · Staff · Aug 7, 2019 at 10:39 am

  • Copy link

  Also, how to align text and pic centered.

  /* Center text under thumbnail images for grid pages */
  .pique-grid-three p, .pique-grid-three h3 {
    text-align: center;
  }

• 

  sancroce · Member · Aug 8, 2019 at 7:44 pm

  • Copy link

  Thank you. I switched to Business plan. Is it still the same?

  Talking about CSS, is there any way to limit the text being shown from the sub-grid pages in the home page where the GRID pages are being presented?

  thank you

• 

  staff-zinnia · Staff · Aug 8, 2019 at 8:26 pm

  • Copy link

  The CSS will remain the same regardless of your plan.

  Tell me more about the text limiting. Are you trying to limit the number of words, or the space that the text takes up?