Tribute Page Help with positioning

Tribute Page Help with positioning
0

#1

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?


#2

Hi @kaybee1jam, this is really good progress. Try the following and see whether they will help.

  1. Add the text-center class to the list items themselves.

  2. To remove the bullet points set the list-style-type to none in you css.
    list-style-type: none;

  3. Add an equal amount of padding to the top and bottom of each list item.
    padding: 5px 0;


#3

@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


#4

@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.