icons – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Sun, 23 Feb 2025 10:23:03 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 How to Change Social Media Icons and Links on Your Website? https://xtratheme.com/docs/how-to/how-to-change-social-media-icons-and-links-on-your-website/ https://xtratheme.com/docs/how-to/how-to-change-social-media-icons-and-links-on-your-website/#respond Sun, 18 Aug 2024 10:29:59 +0000 https://xtratheme.com/docs/?p=3513

Description and Screenshot

Step 1
XTRA

Social Media Icons

You can edit the social media icons in the WordPress Xtra form from the following path:

Theme Options > Header > Social Icons.

Soci
Tips

You may want to know …

In this section, you can make other settings related to Icons Hover, Color Mode, Tooltip and customize style with help of StyleKits.

  1. Icons Hover : Set hover mode for icons.
  2. Color Mode : Set color mode for icons.
  3. Tooltip : Select Up/down/left/right for tooltip of icons.
  4. StyleKits : For customizing style of icons there are 2 StyleKits.
Social icons
]]>
https://xtratheme.com/docs/how-to/how-to-change-social-media-icons-and-links-on-your-website/feed/ 0
Theme Options: Social Icons https://xtratheme.com/docs/theme-options/theme-options-social-icons/ https://xtratheme.com/docs/theme-options/theme-options-social-icons/#respond Tue, 25 Jun 2024 09:23:47 +0000 https://xtratheme.com/docs/?p=1825

Description and Screenshot

Step 1
XTRA

Social Icons settings

Under Theme Options > Header > Social Icons you can find and add you social network icons for header, fixed side and footer usage.

  1. Social Icons – Add/remove social icons from icons library
  2. Effect – Set custom hover effect for icons
  3. Color Mode – Choose brand color or custom color for icons
  4. Tooltip – Enable tooltip on hover for social icons
  5. StyleKits – You customize container and social icons styling
Theme options social icons
Tips

You may want to know …

  • Icons Library – You can search and find your favorite icon from over 1000 icons in library.
  • Styling – There is no limitation on styling for container and icons and you can customize it in any way you want.
]]>
https://xtratheme.com/docs/theme-options/theme-options-social-icons/feed/ 0
Element: Icons https://xtratheme.com/docs/page-builder/element-icons/ https://xtratheme.com/docs/page-builder/element-icons/#respond Mon, 17 Jun 2024 12:07:52 +0000 https://xtratheme.com/docs/?p=1613

Video Tutorial

Description and Screenshot

Step 1

Add single or multiple icons, social icons, icons with inline title, etc. Fully customizable with nice features.

Icons
  • Icon(s) – Add simple icon(s) or social icon(s)
  • Position – Icons position Left, center or right
  • Tooltip? – Do you want tooltip on icons hover? set this field
  • Hover effect – Custom CSS hover effects on mouse hover
  • Inline title? – Inline title after each icons
  • Social icons color – Social icons color mode to original brand
  • Styling – Styling of container, each icons, tooltip, inline title, etc.
  • Advanced tab – Responsive, Animation, Parallax, etc.
]]>
https://xtratheme.com/docs/page-builder/element-icons/feed/ 0