Docs

[Noellemena]

Hello!

So can we really not choose to center align an entire feature list??
I have been all through the forum and it doesn’t look like it. The only code that seemed promising…

.home .x-feature-list {
    margin: 0 auto;
    width: 50%;
}

Made no difference at all.

I have tried to do a work around by doing 3 columns and putting the featured list just in the middle column, but it does not look good either.

Is it possible???? It seems like this is a very wanted feature from all I have read today.

Thanks! Noelle

[Rupok]

Hi Noelle,

Thanks for writing in! So you want to make it centered keeping the text align to left? In that case you need to set a width/max-width and use margin auto like the code you mentioned. But the code is specified for home page, so might not work if you are not using on home page. Let’s provide your URL so that we can try to tailor some code for you.

Cheers!

[dsmillie]

This reply has been marked as private.

[Thai]

Hi Darren,

Please try adding the following CSS:

@media (max-width: 767px){
    .x-feature-list.my-custom-feature-title {
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
    }
}

Hope it helps 🙂

[dsmillie]

Amazing, thank you!

[Prasant Rai]

You are most welcome. 🙂

[robdickens]

I have the same issue. I’ve followed the instructions above but it doesn’t display correctly on mobile. I want the feature list to be centered on both desktop and mobile. Using no CSS, the feature list is perfectly centered on mobile but is aligned left on desktop. If I use the CSS mentioned above, it’s perfectly centered on desktop but completely jumbled on mobile.

[Darshana]

@robdickens

Please provide us with the URL to your referenced page, so that we can assist you with a possible workaround.

Thanks!

[robdickens]

It’s test.gotraces.com, specifically, the “What It Costs” section.

Thanks,

Rob

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.x-feature-list .x-feature-box.top-text>div {
  
    text-align: center;
}

Hope it helps

Joao

[Author]

Posts