Social CSS Icons 2.0 is a complete rebuild for Joomla 4, Joomla 5, and Joomla 6. Install mod_social_css_icons_2.0.zip through System > Install > Extensions. After installation, open Content > Site Modules, create or edit a Social CSS Icons module, assign a position and menu pages, then publish and save.

Do not unzip the module package before upload. Clear Joomla, template, CDN, and browser caches after installing or updating.

Choose Social profile links to send visitors to your channels, or Share the current page to generate sharing URLs automatically.

Add, remove, enable, and reorder social items. Each item provides a Font Awesome network icon, optional custom label, profile URL, brand colour, and optional hover background. Disable an item with Enabled = No to collapse its fields in the administrator form.

The built-in library includes Facebook, X, Instagram, LinkedIn, YouTube, TikTok, Threads, Bluesky, WhatsApp, Telegram, Pinterest, Reddit, Discord, GitHub, GitLab, Vimeo, Dribbble, Behance, Twitch, Snapchat, Mastodon, RSS, Email, Website, Phone, Copy Link, and Native Share.

Inline Row places icons naturally inside the module position. Labelled Grid creates responsive social cards with two to eight desktop columns. Fixed Floating Dock keeps actions visible while the page scrolls.

Fixed docks can appear at the left vertical centre, right vertical centre, bottom left, bottom centre, or bottom right. A configurable Edge offset lets the dock float near the edge or stick flush against it, and the frosted background panel can be disabled for a flat, classic sticky icon bar. On phones, move the dock to a safe bottom bar, return it to normal page flow, or hide it.

Choose Circle, Rounded Square, Square, Pill, or Soft Drop shapes and optionally display text labels or hover tooltips.

Use Brand Colours, a unified Single Colour, a clean Outline, or a translucent Glass treatment.

• Button size: 32–80px
• Glyph size: 14–38px
• Configurable item gap
• Global icon and hover colours
• Individual brand and hover backgrounds
• No, Soft, or Strong shadows

All logos use Font Awesome 6, the icon library bundled with Joomla core, so no additional icon download is required.

Hover effects include Lift, Zoom, Icon Rotate, Pop, and Icon Flip. Entrance effects include Fade Up, Scale In, and Staggered Reveal. Motion duration is configurable from 100 to 600 milliseconds.

Animations use transforms and opacity, and automatically respect the visitor’s reduced-motion preference.

Share mode builds links from the current page title and URL for X, Facebook, LinkedIn, WhatsApp, Telegram, Pinterest, Reddit, and Email. Native Share uses the browser or device sharing sheet; Copy Link uses the Clipboard API with a safe fallback and shows an instant "Copied!" confirmation on the button.

Fixed docks can be collapsible with a slim edge-tab toggle, start collapsed, appear only after a configured scroll distance, and use a custom z-index. When collapsed, the tab pins flush to the screen edge. Side-dock tooltips open toward the page so they are never clipped off-screen. New-tab links automatically receive noopener and noreferrer; nofollow is optional.

• 44px-or-larger touch targets are available through the default sizing.
• Every icon-only control has an accessible label.
• Navigation regions have configurable ARIA labels.
• Keyboard users receive visible focus indicators.
• Status updates for Copy Link and Native Share use an ARIA live region.
• Reduced-motion preferences are respected.
• Bottom docks use safe-area spacing and internal scrolling without causing page overflow.
• Fixed docks are moved to the page body at runtime so positioning stays reliable inside animated templates.

• Module missing: Confirm it is published, assigned to the current menu item, and placed in a rendered template position.
• Profile icon missing: Enable the item and enter a valid HTTP, HTTPS, mailto, tel, Skype, relative, or anchor URL.
• Dock hidden: Check Mobile Dock Behaviour and Show After Scrolling. A non-zero threshold keeps it hidden near the top.
• Sharing opens the wrong page: Disable Joomla or CDN page caching for highly dynamic URLs where necessary.
• Old design remains after updating: Clear Joomla, template, CDN, and browser caches so the version 2.0 assets load.
• Brand icon missing: The module uses the Font Awesome 6 build bundled with Joomla core. If your template loads an older Font Awesome, the newest brand glyphs such as X, Threads, and Bluesky may not render.