How can I center objects on my webpage?

Topic summary

Goal: Center the roster items when a row uses fewer than the maximum 3 columns; currently, items start from the left.

Context: Examples were shared via links to the roster and socials pages, with the socials page already showing centered objects. The roster consists of text columns with images; some rows have 1 or 2 columns, and should be centered.

Obstacle: A helper cannot use the browser’s Inspect Element (developer tool to view HTML/CSS) on the roster page, possibly due to right‑click being blocked. The site owner is unsure if any app is preventing right‑click and asked how to make the code viewable.

Status: No CSS/HTML code or theme details have been provided, and no fix has been implemented. The ability to inspect the page is necessary before proposing a solution.

Next steps: Confirm whether right‑click/Inspect is blocked and disable it if so, or share relevant theme snippets (HTML/CSS) for the roster section. The discussion remains open and unresolved.

Summarized with AI on February 24. AI used: gpt-5.

Hello,

We’re looking to have our roster centered. As you can see in the link:

https://xengaming.co/pages/roster

All of the rosters start from the left, and go right (3 max per row). Any help would be appreciated.

Thanks,

Hi @rlcotejr

We can’t seem to access the code via the Inspect Element so we can provide a solution. Let us know!

Is there a way for us to make it viewable for you?

Sorry, I’m a novice with this.

Do you have an app that’s blocking any right-clicking operations?

Not that I’m aware of. We were able to center objects on this page no problem:

https://xengaming.co/pages/socials

These are text columns with images:

https://xengaming.co/pages/roster

Some only use 1 column, some use 2, some use all. If it doesn’t use all the columns, we’d like it to be centered, rather than starting from the left.