CSS Styles are Missing in WYSIWYG Editor

Report · May 03, 2012

I have had this problem in the past but I am working on my busisnes catalyst site in dreamweaver and then I connect and upload my files through the FTP Connection in the business catalyst plugin for Dreamweaver CS4. The problem I am having is that the CSS Styles that I create in a seperate CSS document and upload to the stylesheets folder are not showing up in the WYSIWYG editor. I have tried to modify the link in the head section of my html and I have tried to upload them through FTP and also the Media manger in the admin panel. How do I get my styles to show up in the editor?

Thanks

Report · May 06, 2012

Hi Roosterink,

To get those styles in the dropdown you have to make sure that your CSS files, which contain those styles, have either the relative links in the template or that you are accessing the admin on the same URL those links have in them Also, note that this stuff is heavily cached, so make sure that you clear the cache before checking that dropdown.

Finally, you have to be careful of how you've targeted the elements. For example, if you have an id="content" in your template and perhaps class="something" in your page, any style which has #content .something{} won't work. You'll only get styles which apply to elements on the page. Hope that make sense.

Cheers,

Mario

Report · Jun 15, 2012

In the past, I have successfully added CSS Classes to the "Apply CSS Classes" dropdown in the editor, but lately I haven't been able to do so at all. No matter how I target the styles, link to them from the template, or clear my cache, I cannot get them to show up.

I have added, for example, the following which USED to work but does not now for some reason:

.button { } /* added selector with blank styles to isolate this class so it will show up in the editor */

.button,

.button:link,

.button:visited { ... } /* applies styles to multiple selectors */

Any help is appreciated.

-Jake

Report · Jun 15, 2012

I am glad I am not the only one having this issue, they make it sound like I am crazy when I talk to the support team, I wish we could get this worked out.

Thanks

Mike Hanyzewski

574-302-1902

www.RoosterInk.com

Report · Jun 15, 2012

1. .button for example on its own will show up.

If you had the css style when the css is .button, .something ... etc it will not pick it up.

2. If you have a mail stylesheet and typography as a second stylesheet for example, the system will not be able to pick those up in the editor.

3. If you a developer and do this often and on multiple sites you run into caching problems. You often will need to log out, remove cookies, clear cache and log back in.

Report · Jun 15, 2012

Thanks, Liam. I would normally agree on all those points, and I have even passed on the same advice in forum posts on the old BC form (no idea where those posts are now since moving to the new Adobe forum. Don't get me started on that.), but having followed all those precautions still with no success, I am just frustrated. I've written the styles with every combination of selectors I can imagine, re-linked the style sheet as many different ways as I could to remove doubt there, cleared cache/cookies, logged in and out again, and even re-declared the editor classes in the admin on new browsers... no luck.

I'd love for BC to overhaul this feature to make it reliable as it is a feature I rely upon heavily for allowing client control of templates.

Report · Jun 15, 2012

And you have made sure in the partner portal that it's spelt and added the same so .normal is exactly the same?

Report · Jun 17, 2012

Still no luck. Yes, I'm being sure to spell it the same. I'll let you know if I discover the issue—hopefully just a mistake on my part.

Report · Jun 20, 2012

I've confirmed that my CSS classes are showing up in the Apply CSS Class dropdown of the editor for Web Pages and for Site Editor (ICE), but NOT in the editor for a Web App item description. Initially, this was the only place I was checking which was why I thought it wasn't working at all.

Besides this, I've found that applying CSS classes in Site Editor does not work if the selection you are applying the class to is an anchor (for example, a selected class gets applied to heading tags once you deselect the text). If I have applied a class to an anchor from the admin editor or ftp then I select that anchor in Site Editor, the applied class appears as selected in the CSS dropdown, but if I try to change the class in Site Editor by selecting a different class, it does not set the class or have any affect on the existing class.

Has anyone else had these issues or found solutions?

-Jake

Report · Jun 20, 2012

Hi Jake,

All editor windows should have the same behaviour across the admin. If you've found these discrepancies, please submit a case with support and supply all the relevant info and we'll investigate it further. Please make sure that the CSS file links in web app templates are the same is in the templates used by other modules. If the links are absolute and different this can cause issues.

Cheers,

-mario

Report · Jun 20, 2012

Anything something. Jake wont work.

It needs to be .class {} to show up so in many cases you will need to double up.

If you can not see it in the web app it is because it has not got a template selected or the template it is using it can not find the main CSS file.

Report · Jun 21, 2012

I considered the possibility that my web app item just can't find the css file, but that doesn't make sense because both the web app item list and the detail view are displayed in the same template as every other page of the site. It's as if the page template is not associated with the online editor for the web app items. I even tried referencing my style sheet again directly on the web app list and detail layouts—resulted in the style sheet linked multiple times on the rendered html page but still no effect on the editor CSS classes dropdown. Going to submit a case to hopefully get this resolved.

Thanks