Width of popups

  • Resolved evilalmus

    (@evilalmus)


    6 years ago

    Is there any way we can control the width of the popups? Some events, if they have a long description, hit the top of the screen and get cut off. See the events in the “Seattle.Gov LGBT and Festivals” calendar on my site: https://www.kinkinthesea.com/calendar/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author michielve

    (@michielve)

    6 years ago

    You can add the following CSS to control the max-width and max-height of the popups. By setting overflow-y to auto, the content will scroll if it’s too large.

    .tippy-box {
  max-height:200px;
  overflow-y: auto;
  max-width: 700px !important;
}
    Thread Starter evilalmus

    (@evilalmus)

    6 years ago

    For some reason, I didn’t get an email notification for your response. Thank you for your answer. Which css file does this need to go in? (I have really done no css editing before now)

    Thread Starter evilalmus

    (@evilalmus)

    6 years ago

    Figured it out, I installed the “YellowPencil plugin which is great for adding CSS to override defaults right in the GUI.

    Plugin Author michielve

    (@michielve)

    6 years ago

    Good to hear it’s solved!

    You can also add CSS without a plugin: just go to Appearance / Customize / Additional CSS.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Width of popups’ is closed to new replies.