How to Change Bubbles Colors

The bubbles colors code is located in the main theme CSS file, but you can update the colors using a custom CSS code.

To do that, please add the following code into WordPress Customizer -> Additional CSS

.bubble.x1 {background: #ffb739;
}
.bubble.x2 {background: #fc4fdd;
}
.bubble.x3 {background: #5ed5cb;
}
.bubble.x4 {background: #3de4a3;
}
.bubble.x5 {background: #fc4fb1;
}
.bubble.x6 {background: #2c4aff;
}
.bubble.x7 {background: #ffb739;
}
.bubble.x8 {background: #8f3de4;
}
.bubble.x9 {background: #fff339;
}
.bubble.x10 {background: #fc4f4f;
}

Once it's added, please change the color IDs, for example #ffb739 to the custom code.

Not the solution you are looking for?

Please check other articles or open a support ticket.