Page 1 of 1

Responsive Help Theme-How to Change the Title Font Color

Posted: Fri Sep 01, 2017 10:57 am
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

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

Posted: Mon Sep 04, 2017 3:54 am
by SKamprowski
Hi,

editing user.css of your responsive theme in the way to mentioned should generate a responsive NetHelp with black headertext.

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

Posted: Tue Sep 05, 2017 6:58 am
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

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

Posted: Tue Sep 05, 2017 2:14 pm
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;

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

Posted: Wed Sep 06, 2017 3:01 am
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 ).

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

Posted: Wed Sep 06, 2017 6:53 am
by cynthiad
Hi,
I tried that and it doesn't work. How do I change the font size for the Topic headings?
Thanks,
Cynthia

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

Posted: Thu Sep 07, 2017 3:11 am
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!

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

Posted: Thu Sep 07, 2017 8:06 am
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