All Collections
Creating Experiences
Design
Using Custom CSS
Using Custom CSS to style Embeddables
Using Custom CSS to style Embeddables

Explore how you can use Custom CSS to tweak the look of your Banners and Cards

Tiago Mota avatar
Written by Tiago Mota
Updated over a week ago

While Chameleon offers many point-and-click styling options, you can also leverage Custom CSS to fine-tune the styling of Embeddables.

🧑‍💼 Chameleon Admins (*if Roles are enabled) can adjust the custom CSS for your account on the Styling page.

Check out the CSS Overview article to learn how to apply CSS to Chameleon Experiences and see more examples 👇

Custom CSS Overview

List of Embeddables selectors

Below are some CSS selectors for Cards. You can use these to help guide which elements to target.

  • Update the position of your Cards: id=chmln-cards-inline-container-{campaign_id} class chmln-cards-inline-container

  • Style the "wrapping area" of your Card: id=chmln-cards-container-{campaign_id} class chmln-cards-container

👀 We'll soon add more practical examples, including Banners too.

👉 Explore more examples of styling Experiences using Custom CSS

Related Articles
Using Custom CSS to style Tours
Using Custom CSS to style Experiences
Using Custom CSS to style Microsurveys
Using Custom CSS to style Tooltips
Using Custom CSS to style HelpBar
Did this answer your question?