CSS Styles are Missing in WYSIWYG Editor

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

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

Similar Messages

Do you guys know where to populate the CSS class items on the WYSIWYG Editor as shown below?

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.

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

Why cant I see my CSS styles in the new Admin Editor?

Why cant I see my CSS styles in the new Admin Editor?

Apply the two fixes below in order as needed:
Fix #1
Launch iPhoto with the Command+Option keys held down and rebuild the library.
Since only one option can be run at a time start with Option #3, followed by #4 and then #1 as needed.
Fix #2
Using iPhoto Library Manager to Rebuild Your iPhoto Library
1 - download iPhoto Library Manager and launch.
2 - click on the Add Library button, navigate to your Home/Pictures folder and select your iPhoto Library folder.
3 - Now that the library is listed in the left hand pane of iPLM, click on your library and go to the File ➙ Rebuild Library menu option.
4 - In the next window name the new library and select the location you want it to be placed.
5 - Click on the Create button.
Note: This creates a new library based on the LIbraryData.xml file in the library and will recover Events, Albums, keywords, titles and comments. However, books, calendars, cards and slideshows will be lost. The original library will be left untouched for further attempts at fixing the problem or in case the rebuilt library is not satisfactory.
OT

Styles are missing in contribute

Hi,
i have a problem that the styles on contribute 3 are missing
the styles are setted with dreamweaver on the template!
can somobody help me
thanks

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

Styles are missing when publishing to ePub in RoboHelp 9

Good afternoon,
We are developing content for Android Tablets and have learned the customary format that we used is, well, unusable.
A few posts suggest that ePub is really the only way to go with Android Tablet Help.
http://blogs.adobe.com/techcomm/2010/04/robohelp_script_to_generate_epub_format_content_fo r_mobile_d.html
http://forums.adobe.com/message/3629956
http://blogs.adobe.com/techcomm/tag/mobile
http://blogs.adobe.com/techcomm/2010/12/epub-industry-standard-file-format-for-reflowable- content.html
So, I have published using the ePub format, but I have noticed the existing styles are ignored. In another post, it was noted to ensure that the tags are lower case. I edited the css file and made sure the tags are lower case, but this did not make any difference.
Any suggestions for what may be happening here? My best guess is there is an issue with the CSS file.
Best Regards,
Eric Buterbaugh
Here is the style sheet:
/*created with adobe robohelp 9.*/
h1 {
    margin-bottom: 5pt;
    margin-top: 0.5pt;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    font-family: arial, sans-serif;
    font-size: 18pt;
    background-color: #3f5f94;
li.h1 {
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    font-family: arial, sans-serif;
    font-size: 18pt;
h2 {
    font-weight: bold;
    margin-top: 9.5pt;
    margin-bottom: 0.5pt;
    font-size: 11pt;
    font-family: arial, sans-serif;
li.h2 {
    font-weight: bold;
    font-size: 11pt;
    font-family: arial, sans-serif;
h3 {
    font-weight: bold;
    margin-top: 9.5pt;
    margin-bottom: 3pt;
    font-family: verdana, sans-serif;
    color: #1e56b5;
    font-size: 8pt;
li.h3 {
    font-weight: bold;
    font-family: verdana, sans-serif;
    color: #1e56b5;
    font-size: 8pt;
p {
    margin-bottom: 4.5pt;
    font-size: 9pt;
    margin-top: 0pt;
    font-family: arial, sans-serif;
li.p {
    font-size: 9pt;
    font-family: arial, sans-serif;
a.expandspot {
    color: #008000;
    cursor: hand;
    font-style: italic;
    text-decoration: none;
span.expandtext {
    font-style: italic;
    font-weight: normal;
    color: #ff0000;
a.dropspot {
    cursor: hand;
    color: #008000;
    font-style: italic;
    text-decoration: none;
a.glossterm {
    color: #800000;
    cursor: hand;
    font-style: italic;
    text-decoration: none;
span.glosstext {
    font-style: italic;
    font-weight: normal;
    color: #0000ff;
p.bullet-hollow-indent {
    list-style: circle;
    margin-left: 18pt;
li.p-bulleted-indent {
    list-style: circle;
p.bulleted {
    list-style: rh-list;
    x-list-class: rl-p-bulleted;
    x-list-level: 1;
    margin-top: 4.5pt;
    font-weight: bold;
    margin-left: 48px;
    text-indent: -24px;
li.p-bulleted {
    list-style: disc;
p.note {
    font-style: italic;
    color: #0000ff;
    background-color: #cdc9b1;
    margin-bottom: 9pt;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #000000;
    border-bottom-color: #000000;
    border-left-style: none;
    border-right-style: none;
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin-top: 9pt;
    text-indent: 0.25in;
    margin-left: 54pt;
    margin-right: 224px;
li.p-note {
    font-style: italic;
    font-weight: normal;
    color: #0000ff;
    text-indent: -;
    list-style: url(blue_nav_index.gif);
h4 {
    font-size: 9pt;
    margin-top: 9.5pt;
    margin-bottom: 0.5pt;
    font-family: arial, sans-serif;
li.h4 {
    font-size: 9pt;
    font-family: arial, sans-serif;
p.tip {
    x-next-class: ;
    x-next-type: p;
    font-style: italic;
    font-weight: normal;
    color: #0000ff;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #000000;
    border-bottom-color: #000000;
    border-top-width: 1px;
    border-bottom-width: 1px;
    background-color: #fefaa7;
    margin-left: 36pt;
    margin-right: 54pt;
    margin-top: 13.5pt;
    margin-bottom: 4.5pt;
li.p-tip {
    font-style: italic;
    font-weight: normal;
    color: #0000ff;
p.blue {
    font-size: 10pt;
    color: #ffffff;
    x-next-class: ;
    x-next-type: h4;
    margin-top: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: #87a3ed;
    margin-right: 0pt;
li.p-blue {
    font-size: 10pt;
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
p.code {
    font-family: "courier new", monospace;
li.p-code {
    font-family: "courier new", monospace;
p.tasks {
    font-weight: bold;
    font-style: normal;
    margin-right: 0pt;
    font-size: 8pt;
    font-family: verdana, sans-serif;
    color: #1e56b5;
    background-color: #ffffff;
    line-height: normal;
    margin-top: 4.5pt;
    list-style: rh-list;
    x-list-class: rl-p-tasks;
    x-list-level: 1;
    margin-bottom: 4.5pt;
    x-next-class: aftertasks;
    x-next-type: p;
    text-indent: -0.23in;
    margin-left: 0.23in;
li.p-tasks {
    font-weight: bold;
    font-style: normal;
    font-size: 8pt;
    font-family: verdana, sans-serif;
    color: #1e56b5;
    list-style: disc;
    line-height: normal;
p.aftertasks {
    margin-top: 0pt;
    margin-bottom: 13.5pt;
    text-indent: -0in;
    x-next-class: tasks;
    x-next-type: p;
    margin-left: 18pt;
li.p-aftertasks {
p.normal-indent {
    margin-left: 18pt;
li.p-normal-indent {
h4.heading4-indent {
    margin-left: 18pt;
li.h4-heading4-indent {
li.h1-headingtop {
    font-size: 14pt;
rh-list.rl-p-bulleted {
    x-level-count: 1;
    x-lvl-1-format: "<x>";
    x-lvl-1-type: filled-circle;
rh-list.rl-p-note {
    x-level-count: 1;
    x-lvl-1-format: "<x> ";
    x-lvl-1-type: "folder open";
rh-list.rl-p-tasks {
    x-level-count: 1;
    x-lvl-1-format: "<x> ";
    x-lvl-1-type: filled-circle;
p.numbered-list {
    list-style: rh-list;
    x-list-class: rl-p-numbered-list;
    x-list-level: 1;
    margin-left: 18pt;
rh-list.rl-p-numbered-list {
    x-level-count: 1;
    x-lvl-1-format: "<x>.";
    x-lvl-1-type: decimal;
p.bulleted-dark-indent {
    list-style: rh-list;
    x-list-class: rl-p-bulleted;
    x-list-level: 1;
    margin-top: 4.5pt;
    font-weight: bold;
    text-indent: -24px;
    margin-left: 88px;

Hi,
I ran some more tests and did some reading up, and I constantly come across the limitations of the ePub format/readers. From the ePub specification:
The CSS-based style sheet constructs in this specification define required rendering functionality. To minimize the burden on Reading System developers and device manufacturers, not all CSS 2 properties are included. A few additional properties and values have been added to support page layout, headers, and footers. These, taken together, constitute the OPS CSS 2.0 required subset.
An example about using colour in a style sheet:
Current browsers support a host of keyword color names. XHTML 1.1 defines 16 named colors, as well as numeric values. OPS style sheets may use all CSS2 forms, however Reading Systems are not required to distinguish all these colors for rendering (otherwise monochrome devices would necessarily be non-conforming, which is not the intent).
Fonts are supported in the standard (the standard says that font-family and other styling must be supported). As far as I can make out, you may choose between two things:
Use generic font description: serif, sans-serif, monospace.
Use font names, such as Arial. This however would require you to use an open type font which needs to be embedded in the ePub.
See the following section in the specification: http://idpf.org/epub/20/spec/OPS_2.0.1_draft.htm#Section3.4
The answer I can give you goes contains multiple facets:
ePub does not support all the formatting you may be able to throw at it using style sheets. A list of all supported formatting is available in the specification.
ePub readers can perhaps ignore styling even though the ePub format supports it.
Some styling, such as specifying a font, may only work after manually optimizing the CSS through an external CSS editor.
I haven't read the complete specification, so I'm not in the position to tell you what will always work, what will never work, etc. The following page has some screenshots of the same ePub on different readers: http://rufus.deuchler.net/2010/10/css-and-xhtml-tags-for-epub.html That illustrates the problem.
Sorry I can't be more help, but it seems we will have to learn to live with formatting loss in ePub. It's not Robo's fault, but it's annoying none the less.
Greet,
Willam

My Images and styles are missing on some pages

Important Notes:
The BC System has a great and simple way to know to read correct file locations for things like your CSS styles, Javascript files and your images.
The BC system has a number of elements that create folder like structures such as web app detail view, blogs, forums and eCommerce, if you do not follow the below your BC site will not be able to find the CSS, Javascript and image files because it will be looking for them in the current folder.
With the two points above in mind the solution to this is really very easy. For every type of file you see in the below examples, all you need to do in your Templates is start these with a forward slash ( / ) , it is that easy!
Stylesheet
<link href="/css/style.css" rel="stylesheet">
Favicon
<link rel="shortcut icon" href="/ico/favicon.ico">
Javascript File
<script type="text/javascript" charset="utf-8" src="/js/scripts.js"></script>
Image File
<img src="/css/images/logo/logo.png" alt="logo" />

Hi Teejay. If you make pages with no template then the render basic HTML structure Southey work as web pages. Of course this will not have any style shed links in that code.
What are you referring to in terms of beta testing pages with no template? If you have the correct links and HTML any .html file will render correctly on the web.
Are you referring to system generated content?

CSS Styles are lost

Anyone seen this behavior? we have a single user whose laptop has started losing the styles (fonts, pictures, colors, etc.) when she opens the Agile PLM for Porcess web application. Its Win 7 and IE8. Its only the PLM app pages doing this. All other web pages and web sites seem to work fine.
We have re-imaged the Laptop, and that didnt help.
Any ideas? What is it missing?
I tried re-installing .net framework too.

We have discovered a new push of Trend Micro Scanner client update is causing PLM for Process 6102 to get a 504 for the styles.css file.
Here is what security is telling us...
"The IDF system was reporting that rule “Microsoft Internet Explorer CSS Parsing Remote Code Execution” was being activated. Something on that page must be either utilizing that exploit or code very similar to it. I had changed the rule from “Block” to “Detect Only” and initiated an update to all PCs."
Should we open an SR in case a change needs to be made to your software?

Is it possible to detect when CSS styles are rendered?

I have a dynamic text field that loads htmlText with styles from a CSS object. Once the CSS is applied I need to get some text metrics from the field. Is this possible? My code base works fine with inline font tags, but we would like to move to CSS. TIA

Yes, you can do that using Exit Hook method wdDoExit
We have used following hook to unlock the locked record of database table, which was open in edit mode.
//@@begin javadoc:wdDoExit()
/** Hook method called to clean up controller. */
//@@end
public void wdDoExit()
    //@@begin wdDoExit()
     wdComponentAPI.getMessageManager().reportSuccess("exit called");
    //@@end

RH-generated WebHelp doesn't display some CSS styles

I've worked with RH for a while, including creating other WebHelp projects in RH that have been deployed without any problem. On my current RH9 project, however, some of the CSS styles are not being applied after the project output is moved to a network directory. When I open the project output on my Desktop, the styles all render correctly.
The styles in question aren't especially unusual:
DIV.text {
          width: 640px;
          padding-left: 25px;
          padding-right: 25px;
          padding-bottom: 25px;
          margin-left: auto;
          margin-right: auto;
          background-color: #EDEBDE;
P.footer {
          text-align: center;
          font-size: 8pt;
          line-height: 25%;
          color: #A13619;
The kicker is that some of the styles ARE being applied (e.g., background image), while the 2 styles above are NOT being applied.
Some of the things I've already tried include:
- creating a new copy of the CSS file
- making sure the correct stylesheet is referenced in the HTML files
- making sure the correct stylesheet is referenced in the MasterPage
- making sure the correct CSS type is specified in the HTML files
- adding "!important" to the styles that aren't being applied
Has anyone seen / resolved issues like this before?
Thanks!

Solution:
My supervisor and I huddled on the problem and eventually found these discussions:
http://stackoverflow.com/questions/4966952/ie-not-rendering-css-properly-when-the-site-is- located-at-networkdrive
http://stackoverflow.com/questions/167657/will-targeting-ie8-with-conditional-comments-wor k#answer-168131
I opened the IE Tools > Developer Tools panel, and used the Browser Mode settings to check the variations (IE7, IE8, and IE8 Compatibility). IE8 displayed all DIVs correctly, while the other two apparently severed the CSS file from the HTM file.
I had to do a mass find/replace, pasting another meta tag below the RH generated compatibility check:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
And there was much rejoicing.
As an aside, the new meta tag did not work when I tried to apply it to the Master Page....which makes sense, I guess.

Very strange problem! Disappearing Css Style Sheets plus 404's

I am creating a fairly simple form and am new to php mysql and jquery. However, I am moderately skilled in css and html.
I am on a mac with Snow Leopard using dreamweaver CS5. The problem started this morning when I uploaded a preliminary version of my html form page and a php script page.
Having previewed it with no problems on my local system, I thought my main challenge would arise from stumbling my way through ironing out the scripting. I still have that to look forward to.
The first anomaly that occurred was that I kept getting 404 errors. After hours of tinkering around and uploading many trimmed down modified variations of the html file, I finally got past the 404 error page.
However, it only would appear without my css styles. The file was originally linked to a previous css style sheet and is linked to a new one on local system.
After doing some firebugging, I discovered that my newly uploaded (20 times) html file was still linked to the previous phantom, css style sheet on the server as well as a previous php file that I had linked to in development stages.Both of which are not on the server. So I uploaded the whole bunch of them again and got the same result. Nothing changed. All the css styles are still there but not.
I know what you're thinking, it's impossible.
The only explanation I can come up with is that my linux apache server is putting my files in a nonexistent temp folder. And for some reason the my site.css file is not being overwritten or removed at all.
I then uploaded new versions of the html file with different names, thinking on an off chance that the file name 'contactform' might have something to do with the problem.
You know what happened the newly named files triggered a 404 once again.
It doesn't make since to me! I am totally stumped!
My site is http://www.zoeinjewels.com and the page in question is http://www.zoeinjewels.com/contactform.html
I am really behind schedule so your help would be most appreciated.
Thanks

Your CSS file as wel as both of your JS files are corrupt.
Re-upload these three files and your problem is solved.
To give you an idea of what your online CSS file looks like
http://www.zoeinjewels.com/contactform.html
http://www.zoeinjewels.com/_ccs/contact3.css
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>404.shtml</title>
<link href="_ccs/errorpage.css" rel="stylesheet" type="text/css" />
</head>
<div id="wrapper">
<div id="header">
<h1><span></span>File Not Found<a name="top" id="top"></a></h1>
</div>
<div id="blback">
<ul id="nav">
<li><a href="#" class="Home">Home</a>
<ul>
<li><a href="index.html">Home</a></li>
</ul>
</li>
<li><a href="#">Welcome Lounge</a>
<ul>
<li><a href="welcome/index.htm" title="Entry Lounge">Entry Lounge</a></li>
<li><a href="aboutzoein/index.html" title="About Zoein">About Zoein</a></li>
<li><a href="aboutzoein/shunyata/aboutshunyata.html" title="About Shunyata">About Shunyata</a></li>
<li><a href="aboutzoein/media-book/index.html" title="In The Press">In The Press</a></li>
<li><a href="aboutzoein/media-book/peoplespeak.html" title="People Speak">People Speak</a></li>
</ul>
</li>
<li><a href="#" class="JewelGallery">Jewel Gallery</a>
<ul>
<li><a href="jewelgallery/p27.htm" title="Z Garlands">Garlands</a></li>
<li><a href="jewelgallery/p51.htm" title="Z Rings">22k Rings</a></li>
<li><a href="jewelgallery/p01.htm" title="Z Bracelets">Bracelets</a></li>
<li><a href="jewelgallery/p79.htm" title="Z Pendants">Pendants</a></li>
<li><a href="jewelgallery/p79.htm" title="Z Brooches">Brooches</a></li>
<li><a href="jewelgallery/p09.htm" title="Z Earrings">Earrings</a></li>
</ul>
</li>
<li><a href="#" class="ContactCenter">Contact Center</a>
<ul>
<li><a href="contact.html">Bali Studio</a></li>
</ul>
</li>
</ul>
<div id="content_r">
     <h6><span></span>
     <div id="title">Sorry, the file you were looking for could not be found. It may have moved to a new location. Please use the navigation menu above to help you locate the file.</div>
    </h6>
      <div id= "topimage"></div>
   <div id="notfound"></div>
    <div id="text">
<p>"Sacred Geometry is the foundation of their jewelry designs and symbols are drawn from all the different traditions the world has to offer. Each precious piece endeavors to express three symbolic levels-the common, the educated and the spiritual-with careful selection of each stone to reflect meaning and value... The design and creative process is not a brief one. Each conscientious step reflects a careful and significant thought process. According to Shunyata "Every moment isinspired by the wealth, rhythm and miraculous spectrum of creation."</p>
</div>
</div>
</div>
</body>
</html>
I hope this helps.
Ben

External CSS styles to show up in WYSIWYG editor in admin section

Can anyone tell me how to get my external CSS styles to show up in the WYSIWYG editor of the admin section?

Hello RoosterInk, Within your Partner Portal go to Tools > Online Editor Settings. From here you should be able to add CSS to the online Editor. Hope this helps, Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

Trying to add CSS styles to the online editor

I have some CSS styles I need to make available in the online editor, I have added the class names in the online editor settings and when my client goes to the create an email campaign the CSS styles I have listed are missing in the apply CSS class drop down menu.
Do I need to be a premium member to do this, any info would be great
Thanks
Martin

Hi Martin,
The template and its referenced CSS is what will be carried over based on the prompt.
If you are wanting to add additional custom CSS styles within the editor you'll need to be a premium partner. Within your portal you can adjust these CSS references per each site under your portal.
- http://kb.worldsecuresystems.com/877/cpsid_87780.html?bc-partner#main_Online_Editor_Settin gs
Kind regards,
-Sidney

CSS applied to wysiwyg editor

Using RoboHelp HTML 7.02.001 on Windows XP Pro.
1. Wysiwyg editor incorrectly displays Arial sans-serif,
although it is correctly defined in the CSS file.
2. Output (Preview Topic, WebHelp output, etc.) correctly
displays Arial sans-serif.
3. Styles dialog box (Format > Styles) shows correct
definition of sans-serif font but displays what looks like Times
New Roman (with serifs of course). Font dialog box (Format >
Styles > Format > Font) shows correct definition of Arial but
displays serif font.
Does anyone know where the override might be coming from? I
have tried importing CSS files that work fine in ALL my other
projects but do not work properly in this project. The CSS does not
change, but the font definition is not working in the wysiwyg
editor (thought it DOES work in the output).

Found the solution to my problem!
Format > Font Sets dialog box (a dialog box that I never
knew existed!) showed that "times new roman" was being used in
wysiwyg ed instead of "arial". Also discovered that "arial" was the
wrong font--should have been Arial. When I corrected the Font Sets
definition, everything came right again in the wysiwyg ed.

Operator CSS-Styles missing

Hello. I have the following problem: In my Dreamweaver there is missing the operating area "CSS-Styles". When I try to open it by clicking "Window" it is missing there as well. So it is not possible for me to create a new CSS-Style.

New in DW CC 13, CSS Designer Panel.
Dreamweaver Help | CSS Designer panel
Nancy O.

Content Holder How do you get css class to appear in the wysiwyg editor? The only option is "clear class".

Need an answer to my question: How do you get css class to appear in the wysiwyg editor? The only option is "clear class".

Liam,
If it's not supported there, then where can I access the css and do you have any recommendations for a simple app to change the css style?

CSS Styles are Missing in WYSIWYG Editor

Similar Messages

Maybe you are looking for