Widen tooltip?

  • IAS UMN

    (@ias-umn)


    11 years, 7 months ago

    Hi,
    I am using FullCalendar without Events Manager. My calendar displays posts from a given category (called “Events”). My posts are fairly long, so the default tooltips expand above and below the browser window. FullCalendar settings don’t give much control over tooltips; is there some way I can widen them or access directly the qTip settings?
    Thanks.

    https://ww.wp.xz.cn/plugins/wp-fullcalendar/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support angelo_nwl

    (@angelo_nwl)

    11 years, 7 months ago

    another way to adjust that is to use custom css styling and use chrome to Inspect elements and grab it’s css class or id name.

    Thread Starter IAS UMN

    (@ias-umn)

    11 years, 7 months ago

    So, if I’m not mistaken, inspecting the calendar page, the tooltip appears in HTML as this:

    <div id=”ui-tooltip-4″ class=”ui-tooltip qtip ui-helper-reset ui-tooltip-default ui-tooltip-light ui-tooltip-pos-lc” tracking=”false” role=”alert” aria-live=”polite” aria-atomic=”false” aria-describedby=”ui-tooltip-4-content” aria-hidden=”false” style=”z-index: 15004; width: 280px; top: -248.3px; left: 999px; opacity: 1; display: block;” > … </div>

    I tried
    .ui-tooltip { width: 400px; }
    and
    #ui-tooltip-4 { width: 400px; }
    in my stylesheet without success. Am I doing this right?

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

The topic ‘Widen tooltip?’ is closed to new replies.