I recently had a student from one of my vILT RoboHelp classes ask how they could quickly control the size of multiple images for an entire project. Her supervisor wanted several images displayed at 50% of their original height and width.
This is a reasonably simple task via CSS.
To begin, open the assets folder and open your project CSS. In the example below, I opened the default css that comes with every new RoboHelp project.
Create a New Style.
In the Class area, type a name. In the example below, I've named my new style Images. Note that the same name will automatically be added to the Selector area.
Click the Done button.
With the new style open, open the Layout category. Because my student wanted the images 50% smaller than the original, I set the Height and Width to 50%.
Save the project.
Open a topic with an image or import an image into a topic.
At the far right of the RoboHelp window, click Styles.
Select the image in the topic and click your Images style from the list of styles.
Use the style on as many images throughout the project as appropriate.
To change the size of the images using the Images style, go back to the CSS file and edit the Images styles. After saving the CSS file, all images using the Images style will instantly update.
Comments