WebHelp output - font change for Product title

Post here questions and problems related to oXygen frameworks/document types.
dchapman
Posts: 18
Joined: Mon Jul 29, 2013 8:57 pm

WebHelp output - font change for Product title

Post by dchapman » Mon Jul 29, 2013 11:02 pm

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.

sorin_ristache
Posts: 4144
Joined: Fri Mar 28, 2003 2:12 pm

Re: WebHelp output - font change for Product title

Post by sorin_ristache » Tue Jul 30, 2013 1:16 pm

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

dchapman
Posts: 18
Joined: Mon Jul 29, 2013 8:57 pm

Re: WebHelp output - font change for Product title

Post by dchapman » Tue Jul 30, 2013 4:23 pm

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.

Post Reply