Participating Frequently

Question

Title font color changes with output

Forum|Forum|3 years ago
January 12, 2023
9 replies
643 views

I have been experiencing a problem with the title font showing as the same color as the background every time I publish. In the template, I have the title font color set to white (as the image shows). I've checked the css and master page (as have others in my group) and we can't find anything to indicate why this is happening. Regardless of what color I change the background to, the title font seems to stick to the original color of the background (the other images show the blank title, and thee highlighted title, so you can see it's there). Changing these font colors in the css doesn't have an effect. I can't seem to find this font color anywhere else. Any ideas?

No one else in my group is experiencing this problem, but they are on RH2020. As the newest member of this team, I was given RH2022 so it has to be something there.

New UI

This topic has been closed for replies.

Peter Grainge

Community Expert

You have to register an address with WeTransfer but no account is needed.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Peter Grainge

Community Expert

I missed an important part of your reply so I don't think I will need to see the project.

You said it is working until you apply the group stylesheet. That looks like something in that is overriding what you have set. The style you have defined is also in the group stylesheet but with a different definition.

Is blue the group colour? Is that CSS listed after yours? If it is, try moving it above so that your definition is the last one read. It may have other consequences but it's worth a try.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

A

Amebr

Community Expert

If you have a stylesheet under User Assets then this could explain why you can't change anything in the skin properly. Usually this section is for customisations that can't be achieved using the editor, but perhaps someone got carried away and added a whole stylesheet there by mistake.

Can you take a backup of that css file and remove it from the skin, then see if your title colour change works correctly? This may well mess up other elements of your skin, depending on the reason the css file is listed under User Assets.

If the title colour change works and nothing else is effected, then you're good to go. If other things are messed up then we need to take a closer look at the user assets css file. Perhaps it was added by mistake or perhaps too many styles were added to it that didn't need to be.

Peter Grainge

Community Expert

I hope to poke around this area tomorrow.

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

K

Karen2678500887krAuthor

Participating Frequently

I appreciate your help. I have not transferred a file of the project, as I do not have a file transfer service account. I did create a new project using the default (or no) stylesheet and I assigned the title text as white. When I generated the output, it showed as white. Then I attached our group's stylesheet and as expected, the output showed the blue title.

I don't see anything in that stylesheet that would cause this, but the layout file that RoboHelp generates shows "inherit" for these. It also showed "inherit" when I did not use our stylesheet, so I don't know if that has anything to do with it.

A

Amebr

Community Expert

Do you have a css file listed in the template under Layout > User Assets?

K

Karen2678500887krAuthor

Participating Frequently

I do have the css file specified there.

Peter Grainge

Community Expert

OK. Create a new project and select the same template from the dropdown. Then customise the header with just the background and font.

Because that new topic will use default.css and no master page if the problem is something there it should not cause issues in this new project. That said, they should not affect the template anyway. H1 is something in topics and nothing to do with the header.

Please check before you send it that the fault is present in this new project. If it is not try adding your existing CSS (with a different name if you have it set to default.css and include your master page. In other words I need a project that has the issue. Another way would be to create a copy of your project and delete all the contents except one topic that doesn't need any confidential information in it.

Which template are you using? In the template I used you cannot select the header title as you have done in the Highlighted Title Image. Where are you selecting that text?

See the Contact page on my site and send the project as instructed there. Do make sure you include a link to this thread and please do not email the project direct.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

K

Karen2678500887krAuthor

Participating Frequently

Thank you, that title text in the image is selected in the output file, in Microsoft Edge.

Peter Grainge

Community Expert

I can't help you if you want to do this via the CSS. There inheritance can cause issues so it's only for CSS experts who understand the whole output setup.

I suggest you try creating a new template (skin) as below and change things via the UI. There Adobe have things set up to prevent inheritance isses.

Please just give that a try to see what happens. Any changes you make in that will not affect your existing template so in the preset you can easily switch back.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

K

Karen2678500887krAuthor

Participating Frequently

If you mean create a new template in the UI as shown below, I just did that. I left almost everything as is.

I kept the white title font and blue background.

When I created the output, the font is still the dark blue color.

I used the same css I've been using because I do not have the expertise to create a new one. People in our group have altered it over time to fit the group standards, but I don't see anything in it (nor do they) that specifies "inherit" or this particular color for the title. I do see the color for H1 though - I was thinking somehow the title might be inheriting that, which is why I was trying to test it that way initially.

Peter Grainge

Community Expert

I set these colours and they show in the output. You are talking about changing the CSS. You shouldn't editing there and I wonder if that is overriding things.

Create a new copy of the template and edit that. Does that work?

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

K

Karen2678500887krAuthor

Participating Frequently

Thanks so much for the feedback. The color shows as "inherit" in the output stylesheet, but I'm not sure what the parent is. Regardless, if I change that to "ffffff" and republish, nothing changes.

I am not changing the colors in the css file, except to troubleshoot after the fact and see if anything comes out different. I'm using the exact same stylesheet everyone else is using (copied from our source directory) - the only difference is I'm using RH2022. Another person recently got 2022 and he is having the same issue. I have been using only the colors set in the layout, as indicated in Peter's screen, but regardless of what I change the title font color to, it always comes out the same blue as what H1 is set to. The template (css) I'm using does not say inherit anywhere, but the css in the output does. I also don't know enough about how that generates in output (apologies if I'm using that terminology incorrectly).

A

Amebr

Community Expert

You can also troubleshoot where the formatting for an element is coming from using the browser developer tools.

Right-click on the title and select Inspect (this is in Chrome, but all browsers should have a similar menu option). The developer tools window opens with the element selected. On the right-hand side there should be a panel with a Styles tab displayed. In the styles tab you should see the styles that apply to the element, and the stylesheet that style is in. You can post that screenshot here and I can take a look. Post the whole window, rather than cropping so I can see the code as well as the styles panel. Please use the Insert Photo icon so the image appears with the text, as it's easier to help when both are availanle at the same time.

e.g.

Peter Grainge

Community Expert

Your subscription entitles you to either or both of 2020 and 2022. It's always preferable to have all authors on the same version. If you now open your 2022 project in 2020 it will give a warning that not everything may work. It might or it might not, only you can ascertain that.

You are talking about the font colours in the CSS. Everything to do with the skin should be edited in the skin editor. Your topic and masterpage CSS files are nothing to do with the skin.

I can check a project in the morning so let us know if you find anything in the skin editor that fixes it meantime.

Please use the photo icon to insert images within the post. Seeing an image inline with the text makes it easier for anyone answering or viewing the post.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded