trAvis - MANAGER
Edit File: wpbc-tippy-times.css
.wpdevelop div[id^="tippy-"]{ z-index: 90001 !important; } .tippy-box[data-theme~=wpbc-tippy-times] { background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 8, 16, .15); color: #333; box-shadow: 0 4px 14px -2px rgba(0, 8, 16, .08) } .tippy-box[data-theme~=wpbc-tippy-times] > .tippy-backdrop { background-color: #fff } .tippy-box[data-theme~=wpbc-tippy-times] > .tippy-arrow:after, .tippy-box[data-theme~=wpbc-tippy-times] > .tippy-svg-arrow:after { content: ""; position: absolute; z-index: -1 } .tippy-box[data-theme~=wpbc-tippy-times] > .tippy-arrow:after { border-color: transparent; border-style: solid } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=top] > .tippy-arrow:before { border-top-color: #fff } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=top] > .tippy-arrow:after { border-top-color: rgba(0, 8, 16, .2); border-width: 7px 7px 0; top: 17px; left: 1px } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=top] > .tippy-svg-arrow > svg { top: 16px } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=top] > .tippy-svg-arrow:after { top: 17px } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=bottom] > .tippy-arrow:before { border-bottom-color: #fff; bottom: 16px } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=bottom] > .tippy-arrow:after { border-bottom-color: rgba(0, 8, 16, .2); border-width: 0 7px 7px; bottom: 17px; left: 1px } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=bottom] > .tippy-svg-arrow > svg { bottom: 16px } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=bottom] > .tippy-svg-arrow:after { bottom: 17px } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=left] > .tippy-arrow:before { border-left-color: #fff } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=left] > .tippy-arrow:after { border-left-color: rgba(0, 8, 16, .2); border-width: 7px 0 7px 7px; left: 17px; top: 1px } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=left] > .tippy-svg-arrow > svg { left: 11px } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=left] > .tippy-svg-arrow:after { left: 12px } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=right] > .tippy-arrow:before { border-right-color: #fff; right: 16px } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=right] > .tippy-arrow:after { border-width: 7px 7px 7px 0; right: 17px; top: 1px; border-right-color: rgba(0, 8, 16, .2) } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=right] > .tippy-svg-arrow > svg { right: 11px } .tippy-box[data-theme~=wpbc-tippy-times][data-placement^=right] > .tippy-svg-arrow:after { right: 12px } .tippy-box[data-theme~=wpbc-tippy-times] > .tippy-svg-arrow { fill: #fff } .tippy-box[data-theme~=wpbc-tippy-times] > .tippy-svg-arrow:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=); background-size: 16px 6px; width: 16px; height: 6px } /* WPBC Customization. Above was replaced [data-theme~=light-border] to [data-theme~=wpbc-tippy-times]*/ .tippy-box[data-theme~="wpbc-tippy-times"] { /*border-radius: 0;*/ /*border: none;*/ background: #fff; } .tippy-box[data-theme~="wpbc-tippy-times"] .popover.popover_tippy{ display:block; position:relative; } .tippy-box[data-theme~="wpbc-tippy-times"] .tippy-content{ padding: 5px 10px; font-size: 0.9em; line-height: 1.7em; } /* Arrow Bottom */ .tippy-box[data-theme~="wpbc-tippy-times"][data-placement^="bottom"] > .tippy-arrow::before { border-bottom-color: rgba(129, 129, 129, 0.52); /*bottom: 20px;*/ /*top: -10px;*/ } .tippy-box[data-theme~="wpbc-tippy-times"][data-placement^="bottom"] > .tippy-arrow::after { border-top-color:transparent; } /* Arrow top */ .tippy-box[data-theme~="wpbc-tippy-times"][data-placement^="top"] > .tippy-arrow::before { border-top-color: rgba(129, 129, 129, 0.52); bottom: -9px; } .tippy-box[data-theme~="wpbc-tippy-times"][data-placement^="top"] > .tippy-arrow::after { border-top-color:transparent; } /* Fix conflict issue with Bootstrap lib */ .popover.popover_tippy { border: none; } /* Fix for Booking Listing page max width. */ .toplevel_page_wpbc .tippy-box[data-placement^="top-start"]{ max-width: 500px !important; }