Hi all,
So I’m stuck on this challenge and needed a bit of help and advice. I can’t seem to figure out how to center the block of text that holds the timeline and other text below the image, without centering the text. If I use .text-center bootstrap code, it just centers all text. But in the example, the block of text is centered but the text is still left-align.
Any suggestions? Is it a grid I should use?
Hi @kaybee1jam, this is really good progress. Try the following and see whether they will help.
-
Add the text-center class to the list items themselves.
-
To remove the bullet points set the list-style-type to none in you css.
list-style-type: none;
-
Add an equal amount of padding to the top and bottom of each list item.
padding: 5px 0;
@im-zablon I appreciate the help. I tried the text center approach but it didn’t do what I was looking for. I wanted to center the div surrounding the text, while keeping the text left-aligned. But I found a solution. I had to use the col-med-offset-* to move the entire div over. Thanks for you help!
End result…
http://s.codepen.io/kaybee1jam/debug/pEOjVB
@kaybee1jam I guess I must not have understood what you were trying to do but I’m glad you were able to find a solution.