Make picture square and align

  • Author
  • #3350355


    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

    Thank you

    The blog I need help with is



    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,

    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;


    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;


    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


    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?

The topic ‘Make picture square and align’ is closed to new replies.