WebHelp output - font change for Product title

Post here questions and problems related to oXygen frameworks/document types.
dchapman
Posts: 18

WebHelp output - font change for Product title

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

Re: WebHelp output - font change for Product title

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

Re: WebHelp output - font change for Product title

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.

Return to “SDK-API, Frameworks - Document Types”

Who is online

Users browsing this forum: No registered users and 1 guest