Sometimes general settings of the module are not enough to adjust its appearance to the whole page’s style. That’s where advanced settings come in handy.
From this tutorial you’ll learn about managing Person module advanced settings.
Person Module Advanced Settings
- Icon Color — here you can choose the color for the Person module icon.
- Background Color — in this field you can select the color of the icon background.
- Hover Color — in this block you need to set the color of the hover.
- Background Hover Color — here you can select the hover background color of the module using color picker.
- Header Font — in this block you can set the font to use it in the module header, and set the specific style for the font.
- Font Size — here you need to define the size of the header font.
- Text Color — here you can specify the color in which the header text will be displayed.
- Letter Spacing — here you can define the space between header characters.
- Header Line Height — here you can define the height of the header text line.
Body Text Settings
- Body Font — in this block you can select the font you want to use for the body text of the module.
- Font Size — here you can specify the size of the body font.
- Text Color — here you can choose a custom color of the body text.
- Body Letter Spacing — in this block you can define the space between characters of the body text.
- Line Height — here you need to set the height of the body text lines.
Background Settings
- Background Color — here you can define the color of the module background using color picker.
- Image — here you can upload or choose from the Media Library the image to use it as a background for the module.
This tutorial is based on Bellaina Real Estate WordPress theme.