Zingfit offers studios the ability to apply advanced design elements within their IFrame Configuration by way of the Advanced CSS text area. This is best implemented by a studio-hired web developer or someone familiar with CSS.
Navigating to: Admin -> Configuration -> IFrame Configuration -> Advanced CSS
This text box will initially be blank and is intended to offer studios a comprehensive and powerful way to apply advanced designs to their IFrame components beyond what is included in the Zingfit software suite. As such, the Support Team is unable to offer assistance with custom CSS in this space. This includes but is not limited to:
-Offering suggestions or implementing CSS for studios.
-Checking the CSS in this area for errors or advising studios on changes to existing CSS.
-Adding or removing CSS code snippets.
What is CSS?
CSS allows a user to ‘target’ a particular element on a page (a header, paragraph or link could all be examples of an element), and apply custom styling changes to those elements. CSS is a powerful design tool, and this space gives studios the capability to expand far beyond the General Styles provided in the IFrame to customize their site.
Who uses CSS?
Typically a web developer, or someone with a background in CSS would be utilizing this space. CSS is not a ‘plug-and-play’ tool and we’d recommend leaving this space for someone with a solid understanding of the tool, as incorrectly applied CSS can lead to major issues for a studio outside of the scope of what Support can assist with.
For studios who do plan on using this space, we recommend sharing our Advanced Development Guide with the person tasked with implementing their CSS. That can be found, here: https://design.zingfit.com/advanced-development/
I’ve got a problem with my CSS. What now?
While the Zingfit Support Team won’t troubleshoot individual lines of code, they may find that CSS is causing an issue. In this case, Support will let studios know that the CSS in their IFrame Configuration is the source of the issue, and may recommend removing the CSS and/or notifying the studio’s developer that the code in this space is causing the issue.
Support will not identify the specific lines of code that are causing the issue, and may instead ask the studio to remove the CSS as part of a troubleshooting strategy.