Make picture square and align

  • Author
    Posts
  • #3350355

    sancroce
    Member

    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 tangozonanorte.wpcomstaging.com.

    #3350531

    kokkieh
    Staff

    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;
    }
    #3350536

    kokkieh
    Staff

    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;
    }
    #3351405

    sancroce
    Member

    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

    #3351413

    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.