12 Replies Latest reply on Dec 13, 2011 9:45 AM by Willam van Weelden

    Updating style.css or style itself doesn't update topics

    pmudge07

      I am having an issue with the styles within RH. There is a defined style.css that was created, however, when the individual fonts or formats are changed within it, it doesn't change the topics. In addition, when I tried to just update a specific style on the style and formatting pod, I make the changes, it stores them, but when I select it to update selected paragraph of text, it changes the font to something totally different and the formatting as well. Am I missing some other area where possibly a default is taking over and I am not seeing it?    It is becoming more and more frustrating, because I have had to go through topics over and over again, because it keeps re-formatting them on me.  Any help would be greatly appreciated.

        • 1. Re: Updating style.css or style itself doesn't update topics
          Willam van Weelden Adobe Community Professional & MVP

          Hi,

           

          Since the change in style is reflected in your css, you probably have some kind of inline styling that prevents the style from your style sheet to take effect. Take a look at the HTML code. You will probably see many style attributes in your tags. You may also see a <style> block in the header of your document.

           

          Can you post screen shots of what is going wrong with the different fonts getting assigned?

           

          Greet,

           

          Willam

           

          Message was edited by: Willam van Weelden

          • 2. Re: Updating style.css or style itself doesn't update topics
            pmudge07 Level 1

            Thank you for the quick response.....here is what I am seeing:  I noticed that there is inforrmation in the header, but I am still not understanding why the the information further down doesn't match the information that I set for the "normal" setting in the style guide. ( I have bolded the text that I am speaking of). The normal template I stated to use an arial font, 11pt, and a right margin of 256pt. However, when I select the normal style from the drop down (within design view), I get a veranda font, 11pt, and 281px right margin. I cannot seem to get rid of it. I also happened to notice this happen with the other styles too.....that in some instances, it always defaults back to veranda font, when no where in the settings does it say to use it, nor does it say in the html code. (weird), I also added a picture of the style setting....hope its helpful.

             

            <?xml version="1.0" encoding="utf-8" ?>
            <!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" />
            <meta name="generator" content="Adobe RoboHelp 9" />
            <title>Add or Update an Order Group</title>
            <link rel="StyleSheet" href="../../styles.css" type="text/css" />
            </head>

            <body>
            <h1><span><img src="../../Images/New_Button.jpg" alt="" style="border-left-style: Outset;
                 border-left-width: 2px; border-right-style: Outset; border-right-width: 2px;
                 border-top-style: Outset; border-top-width: 2px; border-bottom-style: Outset;
                 border-bottom-width: 2px;" width="35" height="33" border="2" />
            Add or Update an Inserter Order Group</span></h1>
            <p style="text-align: justify; margin-right: 281px;"><span style="font-family: Arial, sans-serif;">The
            instructions below explain how to create a new inserter order group. To
            update an order group, display the <a href="Inserter_Schedule_-_Inserter_Order_Group_Window.htm"
                       style="font-family: Arial, sans-serif;
                       color: #0000ff; font-weight: bold;">Inserter
            Schedule - Inserter Order Group window</a>, select the inserter order
            group you want to update from the <a href="Inserter_Order_Group_List.htm"
                       style="font-family: Arial, sans-serif;
                       color: #0000ff; font-weight: bold;">Inserter
            Order Group list</a>, and make changes to the appropriate <a href="Inserter_Order_Group_Details.htm"
              style="font-family: Arial, sans-serif; color: #0000ff; font-weight: bold;">Inserter
            Order Group details</a>. Remember to save your changes as explained in
            Step 4 below.</span></p>

             

            styleguidesetting.JPG

            • 3. Re: Updating style.css or style itself doesn't update topics
              Willam van Weelden Adobe Community Professional & MVP

              Hi,

               

              You indeed have logs of inline styling. The bolded paragraph for instance has a right margin of 281 pixels. This inline styling overwrites the styling from your style sheet. There's a manual 'fix' for that, but let's leave that for now. The span for the text "The instructions below..." has the font set to Arial, sans-serif. That means that text will have the font Arial and when that's not available the browsers choiche of a non serif font. None of this explains why you see a completely different font altogether.

               

              Now to the style sheet. The href attribute of the bolded link element says that the style sheet is located relative from the topic in the parent's parent directory. This implies the following structure in your project:

               

              \directory

                - style.css

                \ subdirectory

                  \ subdirectory

                    - topic.htm

               

              Does this match the location of your topic and your style sheet? You can also reapply the style sheet to the topic in the topic properties.

               

              Can you also post the contents of the style sheet? Just open the css in notepad and paste the code in your reply. There may be something wrong in the css, but I can't say untill I see it.

               

              Greet,

               

              Willam

              • 4. Re: Updating style.css or style itself doesn't update topics
                pmudge07 Level 1

                Yes, I believe the structure is correct, when I view the project manager, it lists the style.css as a top level item along with main folders, and the topics may be in some cases imbedded two or three levels deeper than that.  Here is the text from the style.css as well as a picture showing the prj. mgr.

                 

                Thanks so much

                Priscilla

                 

                prjctmgrflow.JPG

                text below the **** line is the css code:

                 

                ******************************************************************

                 

                /*Created with Adobe RoboHelp 9.*/

                /* Document Defaults */

                a:active {

                color: #0000CC;

                }

                a:hover {

                color: #CC0033;

                }

                a:link {

                color: #3366CC;

                }

                a:visited {

                color: #9999CC;

                }

                {

                font-family: Verdana, Arial, Helvetica, sans-serif;

                }

                .GroupTitlesIX {

                color: #003366;

                font-size: 22px;

                font-style: normal;

                font-weight: bold;

                margin-left: 0em;

                margin-top: 0.5em;

                margin-bottom: 0.5em;

                text-align: left;

                text-indent: 0em;

                white-space: normal;

                text-decoration: none;

                }

                .Preformatted {

                color: #000000;

                font-family: monospace;

                font-size: 12px;

                font-style: normal;

                font-weight: normal;

                margin-left: 0em;

                margin-top: 0em;

                margin-bottom: 0em;

                text-align: left;

                text-indent: 0em;

                white-space: pre;

                text-decoration: none;

                }

                .SmartList1 {

                color: #000000;

                font-style: normal;

                font-weight: normal;

                margin-left: 0em;

                margin-top: 0.25em;

                margin-bottom: 0.25em;

                text-align: left;

                text-indent: 0em;

                white-space: normal;

                font-size: 11pt;

                font-family: "Times New Roman", serif;

                text-decoration: none;

                }

                .SmartList1After {

                margin-left: 0em;

                }

                .SmartList2 {

                color: #000000;

                font-style: normal;

                font-weight: normal;

                margin-left: 2.5em;

                margin-top: 0.25em;

                margin-bottom: 0.25em;

                text-align: left;

                text-indent: 0em;

                white-space: normal;

                font-size: 11pt;

                font-family: "Times New Roman", serif;

                line-height: 150%;

                text-decoration: none;

                }

                .SmartList2After {

                margin-left: 0em;

                }

                .SmartList3 {

                color: #000000;

                font-size: 12px;

                font-style: normal;

                font-weight: normal;

                margin-left: 5em;

                margin-top: 0.25em;

                margin-bottom: 0.25em;

                text-align: left;

                text-indent: 0em;

                white-space: normal;

                text-decoration: none;

                }

                .SmartList3After {

                margin-left: 0em;

                }

                .SmartList4 {

                color: #000000;

                font-size: 12px;

                font-style: normal;

                font-weight: normal;

                margin-left: 7.5em;

                margin-top: 0.25em;

                margin-bottom: 0.25em;

                text-align: left;

                text-indent: 0em;

                white-space: normal;

                text-decoration: none;

                }

                .SmartList4After {

                margin-left: 0em;

                }

                .SmartList5 {

                color: #000000;

                font-size: 12px;

                font-style: normal;

                font-weight: normal;

                margin-left: 10em;

                margin-top: 0.25em;

                margin-bottom: 0.25em;

                text-align: left;

                text-indent: 0em;

                white-space: normal;

                text-decoration: none;

                }

                .SmartList5After {

                margin-left: 0em;

                }

                .TableTitle {

                color: #000000;

                font-size: 12px;

                font-style: italic;

                font-weight: bold;

                margin-left: 0em;

                margin-top: 0.5em;

                margin-bottom: 0.5em;

                text-align: center;

                text-indent: 0em;

                white-space: normal;

                text-decoration: none;

                }

                .Title {

                color: #003366;

                font-size: 24px;

                font-style: normal;

                font-weight: bold;

                margin-left: 0em;

                margin-top: 0.5em;

                margin-bottom: 0.5em;

                text-align: center;

                text-indent: 0em;

                white-space: normal;

                text-decoration: none;

                }

                .TOC1 {

                color: #000000;

                font-size: 17px;

                font-style: normal;

                font-weight: bold;

                margin-left: 0em;

                margin-top: 0.25em;

                margin-bottom: 0.25em;

                text-align: left;

                text-indent: 0em;

                white-space: normal;

                text-decoration: none;

                }

                .TOC2 {

                color: #000000;

                font-size: 15px;

                font-style: normal;

                font-weight: normal;

                margin-left: 2.5em;

                margin-top: 0em;

                margin-bottom: 0em;

                text-align: left;

                text-indent: 0em;

                white-space: normal;

                text-decoration: none;

                }

                .TOC3 {

                color: #000000;

                font-size: 13px;

                font-style: normal;

                font-weight: normal;

                margin-left: 5em;

                margin-top: 0em;

                margin-bottom: 0em;

                text-align: left;

                text-indent: 0em;

                white-space: normal;

                text-decoration: none;

                }

                .TOC4 {

                color: #000000;

                font-size: 11px;

                font-style: normal;

                font-weight: normal;

                margin-left: 7.5em;

                margin-top: 0em;

                margin-bottom: 0em;

                text-align: left;

                text-indent: 0em;

                white-space: normal;

                text-decoration: none;

                }

                .TOC5 {

                color: #000000;

                font-size: 10px;

                font-style: normal;

                font-weight: normal;

                margin-left: 10em;

                margin-top: 0em;

                margin-bottom: 0em;

                text-align: left;

                text-indent: 0em;

                white-space: normal;

                text-decoration: none;

                }

                rh-list.Style1 {

                x-lvl-1-format: "<x>&c";

                x-lvl-2-type: lower-alpha;

                x-lvl-2-format: "<x>&c";

                x-lvl-2-margin: 20px;

                x-lvl-3-type: lower-roman;

                x-lvl-3-format: "<x>&c";

                x-lvl-3-margin: 40px;

                x-lvl-4-type: decimal;

                x-lvl-4-format: "&o<x>&c";

                x-lvl-4-margin: 60px;

                x-lvl-5-format: "&o<x>&c";

                x-lvl-5-margin: 80px;

                x-lvl-6-type: lower-roman;

                x-lvl-6-format: "&o<x>&c";

                x-lvl-6-margin: 100px;

                x-lvl-8-type: lower-alpha;

                x-lvl-8-margin: 140px;

                x-lvl-7-format: "<x>.";

                x-lvl-7-margin: 120px;

                x-level-count: 9;

                x-lvl-9-type: lower-roman;

                x-lvl-9-margin: 160px;

                }

                h1 {

                font-weight: bold;

                margin-bottom: 14pt;

                margin-left: 0pt;

                page-break-after: avoid;

                font-size: 14pt;

                background-color: #7f7fff;

                margin-top: 5pt;

                margin-right: 256pt;

                font-family: "Arial Black", sans-serif;

                x-next-class: ;

                x-next-type: p;

                }

                h2 {

                font-weight: bold;

                margin-bottom: 14pt;

                margin-left: 0pt;

                page-break-after: avoid;

                font-size: 12pt;

                font-style: italic;

                background-color: #a3a5aa;

                margin-top: 5pt;

                margin-right: 256pt;

                font-family: "Arial Black", sans-serif;

                }

                p {

                font-size: 11pt;

                margin-top: 0.5pt;

                margin-left: 0px;

                font-family: Arial, sans-serif;

                text-align: justify;

                margin-bottom: 5pt;

                margin-right: 256pt;

                }

                table.TableTitle {

                x-1st-row: 1;

                x-1st-row-name: t1st;

                font-size: 11pt;

                font-weight: normal;

                }

                table.TableTitle tr.t1st td {

                font-family: Verdana;

                font-size: 11pt;

                font-weight: bold;

                background-color: #c0c0c0;

                }

                table.TableContent {

                font-size: 10pt;

                font-weight: bold;

                background-color: #c4c4ff;

                }

                table.SimpleGridBlue {

                padding: 0px;

                x-border-spacing: 0px;

                x-row-pat-1: 1;

                x-row-pat-1-name: t1Row;

                x-row-pat-count: 2;

                x-row-pat-2: 1;

                x-row-pat-2-name: t2Row;

                border-left-style: Solid;

                border-left-width: 1px;

                border-left-color: #4F81BD;

                border-top-style: Solid;

                border-top-width: 1px;

                border-top-color: #4F81BD;

                }

                table.SimpleGridBlue td {

                padding-left: 10px;

                padding-right: 10px;

                padding-top: 0px;

                padding-bottom: 0px;

                }

                table.SimpleGridBlue tr.t1Row td {

                font-family: "Times New Roman";

                font-size: 12pt;

                border-right-style: Solid;

                border-right-width: 1px;

                border-right-color: #4F81BD;

                border-bottom-style: Solid;

                border-bottom-width: 1px;

                border-bottom-color: #4F81BD;

                }

                table.SimpleGridBlue tr.t2Row td {

                border-right-style: Solid;

                border-right-width: 1px;

                border-right-color: #4F81BD;

                border-bottom-style: Solid;

                border-bottom-width: 1px;

                border-bottom-color: #4F81BD;

                }

                p.Style2 {

                x-next-class: ;

                x-next-type: p;

                }

                H4 {

                font-weight: bold;

                margin-bottom: 14pt;

                margin-left: 0pt;

                page-break-after: avoid;

                font-size: 11pt;

                margin-top: 0.5pt;

                x-next-class: ;

                x-next-type: P;

                background-color: #c0c0c0;

                margin-right: 256pt;

                }

                table.Style3 {

                font-size: 11pt;

                font-weight: bold;

                }

                .Style4 {

                color: #000000;

                margin-left: 0em;

                margin-top: 0em;

                margin-bottom: 0em;

                text-align: left;

                text-indent: 0em;

                white-space: normal;

                font-size: 11pt;

                font-weight: bold;

                font-style: normal;

                text-decoration: none;

                }

                table.SimpleGridBlack {

                padding: 0px;

                border-top: Solid 1px #000000;

                border-left: Solid 1px #000000;

                x-border-spacing: 0px;

                x-row-pat-1: 1;

                x-row-pat-1-name: t1Row;

                x-row-pat-count: 2;

                x-row-pat-2: 1;

                x-row-pat-2-name: t2Row;

                }

                table.SimpleGridBlack td {

                padding-left: 10px;

                padding-right: 10px;

                padding-top: 0px;

                padding-bottom: 0px;

                }

                table.SimpleGridBlack tr.t1Row td {

                border-right-style: Solid;

                border-right-width: 1px;

                border-right-color: #000000;

                border-bottom-style: Solid;

                border-bottom-width: 1px;

                border-bottom-color: #000000;

                font-family: "Times New Roman";

                font-size: 12pt;

                }

                table.SimpleGridBlack tr.t2Row td {

                border-right-style: Solid;

                border-right-width: 1px;

                border-right-color: #000000;

                border-bottom-style: Solid;

                border-bottom-width: 1px;

                border-bottom-color: #000000;

                }

                rh-list.Style5 {

                x-lvl-1-format: "<x>&c";

                x-lvl-2-type: lower-alpha;

                x-lvl-2-format: "<x>&c";

                x-lvl-2-margin: 20px;

                x-lvl-3-type: lower-roman;

                x-lvl-3-format: "<x>&c";

                x-lvl-3-margin: 40px;

                x-lvl-4-type: decimal;

                x-lvl-4-format: "&o<x>&c";

                x-lvl-4-margin: 60px;

                x-lvl-5-format: "&o<x>&c";

                x-lvl-5-margin: 80px;

                x-lvl-6-type: lower-roman;

                x-lvl-6-format: "&o<x>&c";

                x-lvl-6-margin: 100px;

                x-lvl-8-type: lower-alpha;

                x-lvl-8-margin: 140px;

                x-lvl-7-format: "<x>.";

                x-lvl-7-margin: 120px;

                x-level-count: 9;

                x-lvl-9-type: lower-roman;

                x-lvl-9-margin: 160px;

                }

                • 5. Re: Updating style.css or style itself doesn't update topics
                  Willam van Weelden Adobe Community Professional & MVP

                  Time for a small clean up.

                   

                  In the top of your css, you have the text

                   

                  {

                  font-family: Verdana, Arial, Helvetica, sans-serif;

                  }

                   

                  Remove that from your style sheet.

                   

                  One of your table styles also uses Verdana. Just use a search and replace to set it to the correct font.

                   

                  Save the changes and check whether your problem is solved.

                   

                  Greet,

                   

                  Willam

                  • 6. Re: Updating style.css or style itself doesn't update topics
                    pmudge07 Level 1

                    William,

                     

                    I made the changes, and it seems to be working now...thank you so much. I figured it was something that would be easy enough....just couldn't get there.

                     

                    Thanks so much for your help,

                     

                    Priscilla

                    • 7. Re: Updating style.css or style itself doesn't update topics
                      pmudge07 Level 1

                      William,

                       

                      well....I thought it was working, I just opened up the project again after lunch, and now none of the headings are formatted correctly....below is a pic of what they should look like, and what they look like after I made the changes above. It still shows in the file, but now in the design screen they show up, but when I preview after saving, the color and formatting is gone....and it is formatted differently. ...what did I do wrong?????, all of my topics now look like this.

                       

                      outputfile.JPG

                      • 8. Re: Updating style.css or style itself doesn't update topics
                        Willam van Weelden Adobe Community Professional & MVP

                        Hi again,

                         

                        What happens if you choose View with and use IE or Firefox to view the page? I'd like to know whether this problem of the preview window or of your topic.

                         

                        Greet,

                         

                        Willam

                        • 9. Re: Updating style.css or style itself doesn't update topics
                          pmudge07 Level 1

                          William,

                           

                          I did this, and when IE opens it displays the same things as the preview window (no color settings).

                           

                          This morning, while working on it, I noticed that for some reason , although all of the topics are assigned to the style.css file as their appearance properties, from the print preview window and in IE, they are linked to the default.css. Which I then opened and noticed that it had different formats than the style.css which is why they are look different than the actual topics. I tried searching to see where it might over-ride the style.css and use the default, but wasn't finding anything. It is for all topics, so it makes me think it is something globally that I need to correct now, but still not understanding why if we only made that one change with deleting the line with the wrong fonts in it, that it would then send everything back to the default.css instead of the assigned style.css as prior to the change.

                           

                          Any suggestions?

                          • 10. Re: Updating style.css or style itself doesn't update topics
                            Willam van Weelden Adobe Community Professional & MVP

                            How annoying,

                             

                            I just tested the HTML you posted with the CSS you posted and I could not reproduce this problem. Can you share an example topic so I can try to reproduce the problem?

                             

                            Greet,

                             

                            Willam

                            • 11. Re: Updating style.css or style itself doesn't update topics
                              pmudge07 Level 1

                              I just was able to get back to this project this afternoon.  I actually am baffled.......late yesterday I was able to begin working on the project again, and at the end of the day, all of a sudden, all of the topics had mystically changed and were back to the format as indicated in the style.css and not the default.css as mentioned in the last graphic above. I also just opened again today, now after lunch, and the problem is gone...all of the topics are fine. I am sorry to bother you....It seems to have to have fixed itself.  I will keep an eye on it, but there isn't much for us to do if we cannot reproduce now that it changed. Thanks again for all of your help. I truly appreciate it.

                               

                              regards,

                              Priscilla

                              • 12. Re: Updating style.css or style itself doesn't update topics
                                Willam van Weelden Adobe Community Professional & MVP

                                Perhaps Rick performed some arcane magic that fixed it He is the RoboWizard after all

                                 

                                Glad the problems is solved.

                                 

                                Greet,

                                 

                                Willam