Do you guys know where to populate the CSS class items on the WYSIWYG Editor as shown below? We're trying to make it easily for the client to apply formatting by selecting the CSS Class on the list.
/avatar/46.png?a=-1){kind=small}
The Page Template must contain a reference to exactly one stylesheet.
That single <link rel="stylesheet"> tag must be directly in the <head> section of the Page Template, not in any content holder.
The class to be added cannot have a selector any more complex than a single class. E.g., this is fine:
.button {
background-color: red;
padding: 5px 10px;
}
This will fail:
.content .button {
background-color: red;
padding: 5px 10px;
}
The classes to be added must each be added to the list in the Partner Portal (Partner Portal › Tools › Online Editor Settings › select your site from the dropdown › Editor Apply CSS).
With caching disabled, the above changes will be visible when you change a page's Template and answer 'Yes' to the 'Do you want to reload?' alert box.
More info here: CSS Styles are Missing in WYSIWYG Editor
Thank you from me too! I have been trying to get this to work for ages and continued to put it off. The big trick is to use only a single class and all of the ones I were trying to use were doubles - so thanks for this tip as I would not have spotted this. This should be documented in the main Adobe BC instructions.