[Support request] How to center shortcode in container of a grid

Home Forums Support [Support request] How to center shortcode in container of a grid

Home Forums Support How to center shortcode in container of a grid

  • This topic has 5 replies, 3 voices, and was last updated 2 months ago by Ying.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2006642
    Karsten

    Hey friends,

    I have a questions regarding this review grid at the beginning of the blog post:

    I tried using <center>[site_reviews_summary assigned_posts=”post_id” rating_field=”rating” hide=”bars,summary”]</center>, but this doesn’t work.

    Please check and advise.

    thank you

    karsten

    #2006670
    David
    Staff
    Customer Support

    Hi there,

    it depends on the HTML/CSS of the shortcode. But you can try this:

    1. Add a GenerateBlocks Container Block, and set its Alignment to Center.
    2. Add the Shortcode inside the Container Block.

    #2008237
    Karsten

    Hey David,

    thank you for your suggestions.

    But unfortunately this didn’t solve the issue.

    Could you please check it out and try to align center the star rating short code. I have added login details.

    Here is the blog post

    Thank you for your great support.

    Best, Karsten

    #2008374
    Ying
    Staff
    Customer Support

    You need to select the container(grid-item) which holds the shortcode, set its alignment to center:
    https://www.screencast.com/t/itNwPfsNEEhf

    #2008398
    Karsten

    Hey Ying, thank you for your quick response.

    I have done as show in the screencast but the star rating is still not in the center of the second grid container as you can see here.

    I gave different background colours to the three containers for better visual clarity.

    Please check and advise.

    Thank you

    Here is the blog post

    #2008434
    Ying
    Staff
    Customer Support

    The container has set to center, but the content of the short code itself is not set to center.

    Although it should be a question for the plugin, but you can give this CSS a try,

    .glsr-default .glsr-summary {
        justify-content: center;
    }

    Let me know if this helps 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.