Custom Image - Style Guide
Saurabh Chauhan
|
17 steps
|
30 seconds
HubSpot
1
Click "Styles" in the top options to manage the style settings
2
Click here to change general style settings
3
Click "Left Aligned" or any other option to manage image alignment.
4
Click "Add Border" to add the border to the image
5
Click here to add border colour and manage the opacity.
6
Click here to choose the colour from the palette or even add custom colours.
7
Click here to "Add Hover Effect" to the images.
8
Click "Zoom Out" or any other option from the list to manage the hover effect.
9
Click to add "Image Animation"
10
Click "Fade Left" or any other option from the variety of options
11
Click "Add Shadow" to add the effect to the image.
12
Click to adjust spacing settings
13
Click "Apply changes"
14
Click "ON" to hide for Desktop under the visibility controls.
15
Click "ON" to hide for Tablet
16
Click "ON" to hide for Mobile and apply changes
17
Click on "Apply Changes"