Social

The Social Icon widget from Topper Pack allows you to add customizable social media links to your site with stunning icon styles and hover effects. Perfect for headers, footers, or anywhere you want to connect your visitors with your online presence.

⚙️ How to Enable the Widget

1. Go to Topper Pack → Widgets in your WordPress dashboard.
2. Locate the Heder Info widget from the list.
3. Toggle the switch to Enable.

✍️ Step 1: Drag & Drop Widget

• Go to the Elementor panel
• Search for “Social Icon”
• Drag the TP Social widget into your desired section

🔍 Step 2: Content Settings

▶ Enable Title

• Toggle On/Off
• Use this if you want to show a heading like “Follow Us On”

▶ Title

• Type the heading (e.g., “Follow Us On:”)
• HTML Tag: Choose H1 – H6 for SEO structure

▶ Add Social Links

Click Add Item to create new social icon rows. For each:

• Label: Optional, for internal naming
• Icon: Choose from Font Awesome or upload custom
• Link: Enter your social media profile URL

▶ Hover Effect

• Choose from various animation effects like Grow, Bounce, Pulse, etc.

🎨 Style Settings

▶ General Style

• Item Space: Set space between social items
• Alignment: Left, Center, Right
• Margin & Padding: Adjust outer and inner spacing

▶ Title Style

• Typography: Font size, weight, transform
• Color: Customize title text color

▶ Icon Style

• Size: Set icon size
• Color: Choose normal and hover colors
• Background: Set background or transparent
• Border: Add rounded or sharp styles