booster addons
creative elementor bundle
Purchase Now
Purchase Now
Purchase Now

Home - Widgets - Social Share

Social Share

Preview Widget
Preview Widget
Getting Started
Content
Global Layout
Icons Styling

More Widgets

• Social Find Us
• Modern Flip Box
• Team Member
• Testimonial Group

# Getting started

The social find us is a widget that allows you to add social share icons to share the current page.Customize the layout and color schemes, and apply multiple hover effects for the sharing icons.

Here are the details of this very useful widget.

Content

The social sites is where you will set up your social medias list.You can add a social media to the list by clicking in the social medias container area.

  • Social List : The list has a great number of social medias : Facebook, Twitter, LinkedIn, Pinterest, Reddit...

Layout

Under the layout section, you can control the icons alignement and margins as well as change the sharing behavior.

  • Icon Alignement : Align the widget content inside the containing section.The options available are left, center, and right.
  • Open Share In : Choose if you want to open the sharing interface in a popup or in a new tab.
  • What to Share : Specify if you want to share the current page or a another custom link instead.
  • Link to Share : This option will only appear when you choose custom link in the 'what to share' control.You can use this to define the custom link.
  • Icon Margins : Alternate the icon margins values to control the horizontal space between each icon and the vertical space for the icons area.

Styling

Under the styling tab section, you will have the tools to customize the sharing ions design and hover effects.

  • Styling

Alternate the visual style for the social  links icons.Change the sizes, colors..Choose from a great number of hover effects.

-Open link in : Choose if you want to open your social medias links in the same window or in a new tab.

-Sizes : Control the size for both the icon and icon background.

-Normal & Hover : Select​ which icon state you want to customize.Normal for the idle state and hover for when the icon is being hovered.Note that all the remaining options of this section will only affect the selected state.

-Hover Effect : This option will only available when the hover state styling is selected.You can pick from one of the many hovering animations available in the list.

-Color scheme : Enable / disable the social media default color schemes.Enabling this essentially means that each social media icon will have the default social media colors.For example, the Twitter icon will have the light blue color, the Facebook icon will have the dark blue color etc..

-Color : Choose a color for the social media icons.Note that this option will only be available if the color scheme option is disabled.

-Background scheme : Enable / disable the social media default color schemes.Enabling this essentially means that each social media icon background will have the default social media colors.For example, the Twitter icon background will have the light blue color, the Facebook icon background will have the dark blue color etc..

-Background: Choose a color for the social media icons background.Note that this option will only be available if the background color scheme option is disabled.

-Borders : Add borders to the icons with the possibility to control the style, width, and color.You can also change the border radius to change the icons shape.

-Icon & Icon Background Rotate : You can rotate both the icon and icon background to different directions.This allows for creative designs.

Get Help From Professionals

Can't find what you are looking for?

If you can't find what you are looking for any our documentation website, please feel free to open a support ticket  & get help from our support team.

Open a Ticket
Open a Ticket

WHO ARE WE ?

We are a group of talented WordPress developers & designers from Earth our main goal is to create great products & provide the best services to our customers.

BOOSTER ADDONS

CREATIVE ELEMENTOR BUNDLE

FOLLOW US

Email : contact@certaindev.com

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020