Skip to main content
Participating Frequently
November 15, 2012
Question

Modifying Screen Layout colours in Multiscreen HTML 5

  • November 15, 2012
  • 1 reply
  • 931 views

I have recently downloaded roboHelp 10 and am invesitgating the various layouts for tablets.

I am happy with the general layouts however the colours used when hovering over homepage and TOC options are a bit 'out there' (bright green for android, orange for ipad).

Is it possible to change these colours?

This topic has been closed for replies.

1 reply

Willam van Weelden
Inspiring
November 15, 2012

Hi,

You can change all colours, but it will require you to do a little work.

To change the colours you have to modify the CSS. You can use the RoboHelp CSS editor or a text editor such as Notepad++. Modify all the :active and :hover styles of the hyperlink types that you want to change: TOC, Index, Glossary, Widgets, etc.

By far the easiest way to accomplish this is to open the CSS in Notepad++, find the a:active style near the top of the CSS and do a find and replace operation on the background colour.

Greet,

Willam

edu_KateAuthor
Participating Frequently
November 15, 2012

Thanks Willam

I am familiar with modifying the CSS and I have begun changing various components.

Where I have run into trouble is the references to webkits and the use of rgba.

Also trying map the elements in the CSS to what I am seeing on screen.

Is there documentation that outlines what is what?

Peter Grainge
Community Expert
Community Expert
November 16, 2012

I have moved this thread to the Multiscreen HTML5 forum.


See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.