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

Report · Dec 08, 2011

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.

Report · Dec 08, 2011

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

Report · Dec 08, 2011

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>

Report · Dec 08, 2011

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

- 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

Report · Dec 08, 2011

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

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;

}

Report · Dec 08, 2011

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

Report · Dec 08, 2011

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

Report · Dec 08, 2011

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.

Report · Dec 08, 2011

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

Report · Dec 09, 2011

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?

Report · Dec 13, 2011

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

Report · Dec 13, 2011

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

Report · Dec 13, 2011

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

Glad the problems is solved.

Greet,

Willam

Adobe Community

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

1 Correct answer