Adjusting the width of the popover

1

Hi

I am working on the tribute page. I am including the timeline in the page where user can click on a milestone and have the popover display additional information.

I got the popover to work. However when the popover appear the width is very narrow and so all the text are squished together into a tall slender popover. How do I adjust the CSS so that the WIDTH of the popover is wider?

Here is a link to my codepen

Thank you for your help.

Anthony

3

@SkyC Thank you for the tip. That resolve my problem.

I want to learn to figure out the solution for myself in the future, how did you figure out that the max-width is the affecting property?
I was check the Computed CSS in the Chrome Developer Tools and see that the “width” for

is set to “auto” and there was no way to change that.

Screen Shot 2017-07-21 at 8.52.52 AM.png928×588 58.2 KB