Centre fixed width cards

[craig11]

Hi Support,

I am trying to style the cards on my website. I want them to align in the centre. So far i have used the following css to achieve this but cant get it to align in the centre:

.page-id-30 .front .x-face-text {
display: none; !important
}
.page-id-30 .x-card-inner{
height:420px !important;
width:280px !important;
}
.permit-card .x-face-outer.front,
.permit-card .back {
border-radius: 25px;
}

Essentially i want the card to be in the centre of each column as i have multiple column layouts.

Please can you help?

[christian]

Hey @craig,

Please give us the URL of the page you’ve set this up and it would also be best that you provide more details, sketch or mockup of your plan. Maybe we can do this without custom CSS.

Please also note that we do not have support for custom development including the development of custom CSS. We can only give you some guidance.

Thanks.

[craig11]

Hi Christian,

link in secure note, you will see i have used various column layouts and tried using text align centre in the columns with no luck unfortunately.

Let me know if you need anything else?

[thai]

@craig

.page-id-30 .x-card-inner{
height:420px !important;
width:280px !important;
}

Hi There,

Please find this custom CSS and change to this:

.page-id-30 .x-card-inner {
    height: 420px !important;
    max-width: 300px !important;
    margin-left: auto;
    margin-right: auto;
}

Hope it helps

[craig11]

Hey Thai,

Excellent.

Worked perfectly.

Thank you

[jade]

You’re welcome, Craig.