Responsive Help Theme-How to Change the Title Font Color

Post Reply
cynthiad
Propeller Head
Posts: 18
Joined: Tue May 23, 2017 8:02 am

Responsive Help Theme-How to Change the Title Font Color

Post by cynthiad »

Hi,
I'm able to change the title color and font for NetHelp output, but cannot do it for Responsive help output. Which Theme do I change the user.css file? I've tried the following:

/* Page header styles */
#c1headerText {
/* font-family: Georgia, Times, "Times New Roman";
font-style: italic;*/
font-size: 1.6em;
color: #000000;
font-style: italic;
}

Thanks,
Cynthia
SKamprowski
Sr. Propeller Head
Posts: 277
Joined: Fri Feb 13, 2015 8:25 am
Location: Germany

Re: Responsive Help Theme-How to Change the Title Font Color

Post by SKamprowski »

Hi,

editing user.css of your responsive theme in the way to mentioned should generate a responsive NetHelp with black headertext.
Kind regards,
Sabine Kamprowski
DocToHelp MVP (by ComponentOne)
cynthiad
Propeller Head
Posts: 18
Joined: Tue May 23, 2017 8:02 am

Re: Responsive Help Theme-How to Change the Title Font Color

Post by cynthiad »

Hi,
I tried this several times now and it is not working. Every time I compile the user.css file is writtten over. I don't know why this is happening. It worked before. I even tried creating a new theme and it did the same thing. Do I need to change another .CSS file?

-- Cynthia
cynthiad
Propeller Head
Posts: 18
Joined: Tue May 23, 2017 8:02 am

Re: Responsive Help Theme-How to Change the Title Font Color

Post by cynthiad »

Hi,
I managed to get this to work!!!. Don't ask how. Now I need to know how to get the font larger for the Header. I tried the following in the user.css file. If I cannot change the Header font larger, is there a way to make the font smaller for the topic headings?

#c1headerText {
margin: 0;
/* color: #49EE15; CDidio 6/25/14 change this header for web help title*/
/* font-family: Georgia, Times, "Times New Roman";
font-style: italic; */
font-family: Arial;
font-size: 30pt;
color: #000000;
font-style: italic;
SKamprowski
Sr. Propeller Head
Posts: 277
Joined: Fri Feb 13, 2015 8:25 am
Location: Germany

Re: Responsive Help Theme-How to Change the Title Font Color

Post by SKamprowski »

Hi Cynthia,

I suggest to modify your font-size and use em as unit:
font-size: 2.0em

This should work better than pt, especially for responsive themes (see
https://www.w3.org/Style/Examples/007/units.en.html ).
Kind regards,
Sabine Kamprowski
DocToHelp MVP (by ComponentOne)
cynthiad
Propeller Head
Posts: 18
Joined: Tue May 23, 2017 8:02 am

Re: Responsive Help Theme-How to Change the Title Font Color

Post by cynthiad »

Hi,
I tried that and it doesn't work. How do I change the font size for the Topic headings?
Thanks,
Cynthia
SKamprowski
Sr. Propeller Head
Posts: 277
Joined: Fri Feb 13, 2015 8:25 am
Location: Germany

Re: Responsive Help Theme-How to Change the Title Font Color

Post by SKamprowski »

Hi Cynthia,

you may need to REBUILD your target with the changed theme, try a bigger value to see the change more clearly.
As for me, it works, for Title Header.
For Topic headers situation is somewhat complicated, depending on how your Word document is formatted.
If you have done Header formatting in Word without direct formatting (my advice!), it should be done by modification of the appropriate styles in your target template. (The template that is marked when you click on target template in Project editor. It should be d2h_html.dotx)
Actually, it would have been better to start a new thread for each new question!
Kind regards,
Sabine Kamprowski
DocToHelp MVP (by ComponentOne)
cynthiad
Propeller Head
Posts: 18
Joined: Tue May 23, 2017 8:02 am

Re: Responsive Help Theme-How to Change the Title Font Color

Post by cynthiad »

Sabine,
Thansk for all your help! I was abel to change the topic headings in the Word document. Your suggestions for updating the user.css file fixed the heading font size. I have all of this working now. It looks good!

Thanks,
Cynthia
Post Reply