Page 1 of 1

WebHelp output - font change for Product title

Posted: Mon Jul 29, 2013 11:02 pm
by dchapman
Using Oxygen 14.2, I was able to edit tocWDiv.css to change the background for productTitle to my choice of color. How do I change the style of font and its color for the text that appears in that box? I see the productTitle h1 definitions but there's nothing setting a font color. Is this the text that appears in that box?

Could use a pointer to the correct .css and element to edit.

Thanks.

Re: WebHelp output - font change for Product title

Posted: Tue Jul 30, 2013 1:16 pm
by sorin_ristache
Hello,

The font style and the color can be set either in the selector for #productTitle or the selector for #productTitle h1 in tocWDiv.css, by adding the appropriate CSS properties, for example:

Code: Select all

  font-style:italic;
color:#49EE15;
The Webhelp title from the top title area of the Webhelp page is enclosed in an h1 element, but the properties will also work if they are set on the parent of the h1 element (which is #productTitle), this is why both selectors are correct insertion places.

By default these CSS properties are inherited from the parent elements of the HTML page, so if you want to set some specific custom values for these properties this (the above mentioned location in tocWDiv.css) is the place to do it.


Regards,
Sorin

Re: WebHelp output - font change for Product title

Posted: Tue Jul 30, 2013 4:23 pm
by dchapman
Thanks for the help. I had also discovered the post about inserting an image before the title text, which was something else I wanted to do. I was able to follow to take advantage of that info, yay. It's the time-consuming aspect of identifying which elements to work on that's a bit daunting. So posting here really helps! thanks.