How to center 3 column feature list

bawalker · June 2017

When I set my feature list from 4 columns to 3 columns, the lists are aligned left rather than being centered on the page. I have tried to apply a custom CSS which has allowed me to make the width 80% but I can't seem to get it to center on the page. Here is a screenshot:
https://www.screencast.com/t/Ownwc0ilOyR

And this is the custom CSS I have added so far:
.feature_list2 {width: 80% !important; font-weight: bold !important;}

Can you please help?

Bryan · June 2017

Width will do nothing here, please send a link to your page.

bawalker · June 2017

Sure - http://bio.ccstechhosting.com/

I also need to know how to change the color of the icons for the icon box and the feature_list -

Thank you!

bawalker · June 2017

Actually the 80% width does work, but it adjusts left on the page instead of centering..

Bryan · June 2017

It would be easier to make 3 wraps, width the center one beeing the one with the icons,
and place an "placeholder" in the left column to make space,
this image will explain it more: http://prntscr.com/fkiefu

bawalker · June 2017

Ok I see what you mean thx, I can try that too. Any help on how to recolor icons? And if I can use images instead of icons on a feature list?

bawalker · June 2017

I figured out that feature box actually served my purpose better, letting me use an image vs. icon - and I figured out the recoloring by using inspect element - so I'm good now - Thx so much for your excellent support!

How to center 3 column feature list

Comments