Course Thumbnail

With Tutor LMS you can allow your instructors to show a thumbnail depicting their course topic. Add this add-on to your site to see the following options.

Style (Both for Normal/Hover State)

Border Type

You can choose from a wide range of border types for your thumbnail. You can choose solid, double, dotted, dashed, groove.

Border Radius

To set the border of the thumbnail, you can use the Margin function. You can apply the same value to all the corners by choosing the link values together option whereas unselecting it will let you set a different value for each corner. Also, it’s a responsive feature that means you can apply different values for different device types.

Padding

To set the padding value of the thumbnail, you can use the padding function. You can apply the same value to all the corners by choosing the link values together option whereas unselecting it will let you set a different value for each corner. Also, it’s a responsive feature that means you can apply different values for different device types.

Margin

To set the margin of the thumbnail, you can use the Margin function. You can apply the same value to all the corners by choosing the link values together option whereas unselecting it will let you set a different value for each corner. Also, it’s a responsive feature that means you can apply different values for different device types.

Box Shadow

You can apply shadow to the body using this feature. You can apply shadow for both Normal and Hover states. Enabling the feature will present you with the following options:

Color: Lets you choose the color of the shadow.

Horizontal: Lets you define the length of the shadow of X-axis.

Vertical: Lets you define the length of the shadow of Y-axis.

Blur: Lets you control the blurriness of the shadow.

Spread: Lets you control how far the shadow will spread.

Position: Select the position of your border. You can select it to outline it will be shown outwards or inset.

Was this helpful?