How to move the shortcode on center

Hi there,

add a GB Container Block, in its Toolbar settings set its alignment to Center.
Add your shortcode block inside that Container Block.

this is what I did: Add GB Container block > Set alignment to center > Add shortcode block

This step doesn't move my shortcode on the center.

If somehow there's an alignment option after putting the shortcode block in the container block.

Any chance you can link us to the page in question?

We might be able to use some simple CSS to achieve this.

It is not published yet, you can send the CSS code.

If I'm unable to pull it off, I'll send the logins.

Hi there,

It is not published yet, you can send the CSS code.

We'll need to see the actual page to inspect the rendered HTML structure of the shortcode for its selectors for the CSS writeup.

We won't be able to do the correct CSS write-up if we don't see the actual selectors used by the shortcode on your site, unfortunately.

But to help out, centering can be done with either using the following properties:

If the container is using a flexbox w/ flex-direction: row;, you can use justify-content: center; on the parent element or use margin: 0 auto; on the child element.

You can try using text-align: center;.

I understand, see logins on the private tab

see this message also

Can you provide the URL to the site?

Thanks.

here

I see.

Try adding this CSS:

ul.star-bar {
    justify-content: center;
}

Here's how to add CSS - https://docs.generatepress.com/article/adding-css/

Thank you

No problem. :D