I am building styles for my component using SXA Creative Exchange. For that steps below were executed:
- Export page with component using Agency drop (preview mode, importable) mode
- Add
my-test-style
class to promo component -<div class="component promo ... add-your-css-classes-here my-test-style">...</div>
- Add that class to webedit.css
.my-test-style {background: green}
Checked style in offline design. It looks good.
After that package imported back to Sitecore.
In Sitecore I see my style available for Promo component and it is selected in component properties, but my CSS changes are not imported.
Am I doing something wrong or Creative Exchange does not import CSS changes into Sitecore?
Update:
After reading the answers, I see where my mistake is coming from. Initially I assumed that CSSs in Theme folder belong to Base scheme and all modifications should go into webedit.css.
But in reality CSS files in Theme folder belong to actual theme and modifications should be made right there.
Everything works as expected after I added my styles to the bottom of -\media\Project\Sxa-Demo-Tenant\SXA-Demo-Site\SXA-Demo-Theme\styles\component-promo.css
file.
.promo.my-test-style {
background: green
}
webedit.css
file which is located in Sitecore website root directory and will not be update while importing. Assets are imported to the database only. You should alter some theme items like @jen-rasmussen pointed or add new one (those should be pulled into Sitecore). Worth mentioning is fact that you are not able to alter Wireframe and Basic. Those themes are protected. You should use CE with your own theme.