[Resolved] I want to center my output from a relationship view.

[Author]

Posts

[SteBlood]

I want to centre my view to the page.

Somehow I've managed to do it before.
I am using the elementor editor to create my templates.

Take a look at the screenshots.

[Luo Yang]

Hello,

Since you are using Elementor editor, I suggest you try to follow their document to center the elements:
hidden link

[SteBlood]

Hi Luo,

I think you've missed the point here.

If you take a look at screenshot 2, the view IS infact centre.
However, the information within the view is not.

[Luo Yang]

How do you setup "the information within the view" as center?
You can setup custom CSS codes to center HTML elements, for example:
hidden link

If you need assistance to setup CSS codes, please provide the live problem page URL, I need to test it in my Chrome browser.

[SteBlood]

Could you mark the next reply as private please?

[Luo Yang]

Private message box enabled.

[Luo Yang]

Thanks for the details, please check post view "Challenger Season 5":
hidden link

since you are using Bootstrap grid to display view's loop, when there is only one item in view's result, there will be three empty columns in view's result, and conducts the problem you mentioned above.

I have done below modifications in your website:
1) in section "Loop Editor", replace all:

<div class="col-md-3">

With:

<div class="col-md-3 aligncenter">

Add a CSS class name in each column "col-md-3"

2) Click "CSS Editor", add below CSS codes:

div.col-md-3:empty {
    display:none;
}

Hide all empty columns.

Please test again, check if it is what you want

More help:
hidden link

[SteBlood]

You absolute GOD!

My issue is resolved now. Thank you!