• 0
Votes
name

A PHP Error was encountered

Severity: Notice

Message: Undefined index: userid

Filename: views/question.php

Line Number: 191

Backtrace:

File: /var/www/html/cnasolution/application/views/question.php
Line: 191
Function: _error_handler

File: /var/www/html/cnasolution/application/controllers/Questions.php
Line: 419
Function: view

File: /var/www/html/cnasolution/index.php
Line: 315
Function: require_once

name Punditsdkoslkdosdkoskdo

How to modify bootstrap 4.5 tooltip css?

With bootstrap 4.5.3 I make tooltip and I want to change default appearence. With my styles defined :

.tooltip {     display: flex;     justify-content: flex-start;     position: absolute;     z-index: 9999;     background: #ddff9d;     color: #333333;     width: 320px;          -webkit-box-shadow: 5px 5px 5px 5px white;     box-shadow: 2px 2px 2px 2px white;     -moz-border-radius: 8px;     border-radius: 8px;     -webkit-border-radius: 8px;     opacity: 1 !important;      padding: 10px;     text-align: left; }  .tooltip-inner {     background-color: #00acd6 !important;     /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/     color: #fff; }  .tooltip.top .tooltip-arrow {     border-top-color: #00acd6; }  .tooltip.right .tooltip-arrow {     border-right-color: #00acd6; }  .tooltip.bottom .tooltip-arrow {     border-bottom-color: #00acd6; }  .tooltip.left .tooltip-arrow {     border-left-color: #00acd6; } 

I have : https://prnt.sc/wlwp1v

and I want how :

  1. Change width of internal (blue) block to fill width+paddings
  2. Set equal paddings of internal block with external
  3. To align text inside of internal block to the left ?

MODIFIED BLOCK: That is actually fullcalendar 3.9 component and tooltip is rendered on fly with javascript code:

  eventRender: function (eventInfo, element, view) {   let adHtml = '' + eventInfo.title + "
" + '{!! showAppIcon('expire_date') !!} Expired at : ' + eventInfo.start_formatted + '
'+ '{!! showAppIcon('location') !!} ' + eventInfo.adLocationsCount + ' location(s)
' + 'Status : ' + eventInfo.status_label + "
" + '' + eventInfo.description + "" let tooltipOptions = { title: adHtml, html: true } element.tooltip(tooltipOptions)

I use this bootstrhttps://bootswatch.com/solar as template... I can not debug elements in browser's inspactor, as when mouse is hover tooltip is hidden...

Thanks!

Download script demo [LINK]
Download script demo [LINK 2] Download script demo [LINK 2]