Editing embed CSS
Last Updated: Sep 18, 2025
The CSS field allows you to make minor adjustments to the chart integration, such as tweaking the layout, adjusting colors, or hiding specific elements.
Please note that locating and editing the correct CSS requires at least a basic understanding of CSS. Since incorrectly applied code can significantly impact the chart integration, we recommend using this feature with care and precision.
Below are some basic CSS examples you can copy and apply to your integration:
Hiding Individual Chart
.bgec-chart-details {display:none}
Hide Relationship Chart
.bgec-relationship-chart-wrapper {display: none}
Hiding Crete New Button
.bgec-icon-green-btn
Adjusting Design/Personality label font size
.bgec-features-list-item h3font-size: 10px;}
Adjust AM/PM checkbox color
.bgec-radio-item .bgec-radio-input[type=”radio”]:checked + label.bgec-radio-label::after, .bgec-radio-item .bgec-radio-input[type=”radio”]:not(:checked) + label.bgec-radio-label:after {background:REPLACE WITH COLOR CODE}
Adjust Agreement Checkbox color
.bgec-checkbox-item .bgec-checkbox-input[type=”checkbox”]:checked + label.bgec-checkbox-label::after, .bgec-checkbox-item .bgec-checkbox-input[type=”checkbox”]:not(:checked) + label.bgec-checkbox-label::after {background: REPLACE WITH COLOR CODE;}
For advanced CSS adjustments, we recommend reaching out to one of Bodygraph’s certified virtual assistants for further assistance.
Frequently asked questions:
– Can I use AI such as ChatGPT to edit CSS?
A basic knowledge of CSS is required, and please note that AI tools such as ChatGPT may not fully understand the specifics of the integration and could provide incorrect adjustment suggestions.
– Can Bodygraph support team adjust CSS for me?
Basic CSS examples are already provided in this article. For any further adjustments, please contact one of Bodygraph’s certified virtual assistants.
Related articles:
How to edit Chart design and layout?
Still have questions, is above guide outdated? Please message us on Live Chat or send an email to support@bodygraph.com.
All the Tools You Need to Build, Grow, and Scale Your Human Design and Astrology Business
