Social Icons

Introduction

The Social Icons Widget in ModernPress allows you to easily display social media icons with different design styles. This widget is perfect for linking to your social media profiles and enhancing user engagement.

---

Key Features:

✅ 3 Unique Layout Styles ✅ Customizable Icon Size & Spacing ✅ Hover Effects & Color Customization ✅ Supports All Major Social Media Platforms ✅ Fully Responsive & Mobile-Friendly

---

Adding the Social Icons Widget

1

Open your WordPress Dashboard.

2

Edit a page with Elementor.

3

Search for "Social Icons" in the ModernPress Widgets panel.

4

Drag and drop the widget into your section.

5

Add your social media links and customize the layout.

---

Layouts Overview

Layout 1 - Icons Without Background

📌 Simple, clean icons with no background. 🎨 Ideal for minimalistic designs.

Layout 2 - Icons with Black Background

📌 Icons are placed inside a black background. 🎨 Perfect for high-contrast and modern designs.

Layout 3 - Icons with Colored Backgrounds

📌 Each icon has a background color matching the social media platform. 🎨 Best for vibrant and eye-catching layouts.

---

Customization Options

General Settings

📌 Add Unlimited Social Media Icons – Choose from various platforms. 🔗 Custom Links – Each icon can be linked to a social profile. 📏 Adjust Icon Size & Spacing – Control the layout flexibility.

Style Settings

🎨 Custom Colors – Override default colors for icons and backgrounds. ⚡ Hover Effects – Enable color changes, shadows, or animations on hover. 📏 Padding & Margins – Adjust spacing for alignment.

Advanced Features

📱 Mobile Optimization – Icons adjust for smaller screens automatically. 🌍 Supports Custom Icons – Upload your own SVG icons if needed.

---

FAQs

Can I add custom social media platforms?

Yes! You can upload a custom icon and link it to any platform.

Can I change the colors of the icons?

Yes! You can customize both the icon and background colors.

Is the widget responsive?

Yes! The icons automatically adjust for mobile-friendly layouts.

Can I enable hover effects?

Yes! You can add hover animations like scaling, color changes, and more.

---

Need Help?

For support, contact us at [e-mail].