How i can change color to ionicPopup?


#1

Hello,
I want to know how I can change the color settings ionicPopup.


#2

What specific part of ionicPopup?


#3

You can pass a class to the popup using cssClass and then override any properties. For example:

var alertPopup = $ionicPopup.alert({
  title: "Don't eat that!",
  template: "It might taste good",
  okText: "I won't",
  okType: "button-balanced",
  cssClass: 'my-alert'
});

Then you could override the header (for example) using the following css:

.my-alert .popup-head {
  background-color: #7F00FF;
}

.my-alert .popup-head h3 {
  color: white;
}

Or if you just want to change the button color, for this specific popup, you would modify the okType, explained more in the docs.


#4

head, button in alert