How to center 3 column feature list

bawalker

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

bawalker

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

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

Bryan

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

bawalker

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

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!