The Contact Info widget allows you to display your contact details in a widget area/sidebar. It displays a company name, address, phone number, etc along with the appropriate icons.
In this article, we’ll explain how to display and modify the contact details through the Contact Info widget in the Jupiter WordPress theme.
Displaying the Contact Details
In order to display the contact details in a widget area/sidebar, you’ll need to add the JP – Contact Info widget to a widget area/sidebar, and then configure its settings.
To add the widget:
| Setting | Description |
|---|---|
| Title | Displays a title at the top of the widget. If left empty, it will show nothing at the top of the details. |
| Person | Adds a person’s name. |
| Company | Adds a company name. |
| Address | Adds an address. You can use HTML to separate the address lines. |
| Phone | Adds a phone number(s). This field is not limited by any validator so you can display your phone number in any structure you like, e.g. (0090) or (+90). You can also add multiple phone numbers to this field. |
| Fax | Adds a fax number(s). The same rules as the phone number also apply here. |
| Adds an email address as a link. |
|
| Website | Adds a website address as a link. |
| Skype Username | Adds a Skype ID/username as a link. |
Modifying the Stylings
By default, there are no settings to modify the style of the contact details. The only way to do so is to use custom CSS. In this section, we’ll use the example of modifying the icon and text colors.
Changing Icon and Text Colors
To modify the stylings:
#contact_info-2 .mk-svg-icon {
fill: red;
}#contact_info-2 {
color: blue;
}
#contact_info-2 a {
color: blue !important;
}4. Click on the Save Changes button.
