How to Customize Image Backgrounds, Padding, and Corners
This guide shows you how to customize the appearance of images in your Hinto articles. You can add backgrounds, adjust padding, and round corners to create a more polished and on-brand look for your documentation. These styles can be applied to a single image or set as a default for an entire project.
Customize an Individual Image
Use the inline editor to apply unique styles to a specific screenshot or image within an article.
-
Navigate to the article containing the image you want to edit.
-
Hover over the image and click the Edit button.
-
In the image editor, click the Background button on the left-hand toolbar.
-
Configure your desired styles from the menu that appears:
-
Once you are satisfied with the preview, click Reset to default to remove all changes or click Done in the top-right corner to save and apply the styles.
Set Default Image Styles for a Project
To ensure all images in a project have a consistent look, you can set default styles in your project settings. These settings will be automatically applied to all new images generated.
-
From your project's main page, click Settings in the top navigation bar.
-
In the Project Settings window, select Editor from the left-hand menu.
-
Configure the default styles for both uncropped and cropped images:
-
Click Save to apply your new default settings across the project.
Summary
This article explains how to customize image backgrounds, padding, and corner styles in Hinto. By following these steps, you can enhance your visual content either on a case-by-case basis using the inline editor or by establishing consistent, project-wide defaults in the settings. This functionality helps you create more professional and visually appealing documentation that aligns with your brand identity.