Modification de style de popover bootstrap

Version imprimable

Bonjour,

J'ai crée une image lors de passage de souris sur l'image une popover s'ouvre.

Ma question: Comment modifier le style:

Voila mon code:
Code:

1 2 <img ng-click="gotoProfile(event._creator._id)" ng-src="{{getCreatorImage(event._creator.profile.mainImage)}}" class="imageCreatorEvent" data-placement="left" popover-placement='left' popover="{{event._creator.profile.firstName}}" popover-trigger="mouseenter">

1 pièce(s) jointe(s)

J'ai fais cette modification:

Code:

1
2
<img ng-click="gotoProfile(event._creator._id)" ng-src="{{getCreatorImage(event._creator.profile.mainImage)}}"  class="imageCreatorEvent"
				 data-placement="left" popover-placement='left' popover="{{event._creator.profile.firstName}}" popover-trigger="mouseenter">

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
.popover {
  background-color: red; /*substitute 'red' with your color of choice*/
  border-color: red;
}
 
.popover.right>.arrow:after {
  border-right-color: red;
}
 
.popover-content {
  background-color: red;
  font-size: 14px;
}

et voila le resultat que j'ai abouti :

Pièce jointe 181786

Je voudrais changer la taille de text, hauteur de popover, et aussi je veux tous le popover coloré

29/06/2015, 22h16
NoSmoking

Bonjour,
tu n'as pas entendu parler des pseudo-classes dynamiques comme :hover ?
30/06/2015, 11h26
fidbell84

non mon code est fonctionnel
c'est pas le pbm de hover. Mais, le pbm dans style de popover
30/06/2015, 11h35
Invité
Bonjour,
comme tu as identifié la class à modifier (.popover), où est TON problème ? :weird:

Tu veux qu'on écrive le code à ta place ??
- Glossaire des propriétés CSS
30/06/2015, 20h12
NoSmoking

Ma proposition allait dans le sens de faire cela en CSS pur sans avoir recours à du javascript.

D'ailleurs si c'est pour faire du tooltip autant le faire avec le bon plugin.