TLDR: Styla does not use style sheets of any page it is embedded on. Instead, style definitions are loaded by the JS you embed your Styla content with and need to be configured for any new client. We need some guidelines from you to define them during onboarding.
Styling for a new client is configured during onboarding. We need your guidelines to define it, especially:
Then we create an example page with all possible modules for you to see how the style works there and ask you to review it.
The best way to review it is to create several pages that you want to build anyway, so that you can see how the style is used for specific modules, how it changes from desktop to mobile view ports and send us feedback with any changes you need. This is a part of our integration process for new clients.
After your Styla content is launched, we can update your styling and add new presets. General CSS changes will influence all content but presets will only change content they will be set for.
When reviewing appearance of Styla content, please have in mind that modules can be reused ad what really matters is not for the style to work on one very specific layout, but on any layout you can build with these modules. The more specific the style for a module, the less flexible use on pages.
In general, the only thing that limits us when changing appearance of Styla modules is their HTML structure. We can apply every CSS property supported by browsers as long as we have a tag to apply to. Therefore sometimes it is not possible to exactly reproduce a look of an element on your website because a Styla module simply has a different HTML structure.
That being said, we can find workarounds for most appearance-related issues. And we can also build new modules on client's request, especially if they benefit our other clients.