How can I add a CSS class for

enter image description here

page-level using Sitecore SXA.

  • by looking at your image, I think you want classes on each containers? right? – Sitecore Sam Dec 4 '18 at 7:59
  • not like that , i have to give class for page level – PKH Dec 4 '18 at 13:41
  • Then what @alan proposed is the right solution to your problem. (y) – Sitecore Sam Dec 4 '18 at 14:15

You cannot add classes where you want to via Creative Exchange, because the positions you marked are grid specific.

You can add classes via Creative Exchange only where you see class tag with add-your-css-classes-here token inside

You will find more about it here: Change a site design using Creative Exchange

Those that you highlighted are defined here: /sitecore/system/Settings/Feature/Experience Accelerator/Bootstrap/Grid Definition in Placeholders Styles section. Technically you can change them, but it is not recommended (SXA installation will overwrite it anyway during upgrade). They are applied to every site using this grid.

"How can I add a css class for page level using sitecore sxa"

How about adding them into body section if you want it to be page specific?

enter image description here

They will be stored in Body Css Class field for every page

enter image description here

That should let you achieve your goal.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.