Additional Display Options for The Automatic Share Button Positions

Article sections

    Overview

    Warning! The customized position settings for styles and networks on each location has higher priority over the global styles. For you, this means that if you enable the custom styles and networks for a location you need to make further adjustments over the design in location setup (not global settings). If you need to keep the position with the same setup as the global you need to turn off the custom styles and network options.

    Each display position in Easy Social Share Buttons for WordPress contains a list of specific options. Those options are applied when you use the position. The options can be placed in two general groups – General Design Options and Position Specific Options.

    The custom position settings if used overwrite the global styles and networks you set in the plugin. This helps to make an advanced visual setup location by location and get better-looking share buttons with full control over the appearance. To access the custom position settings you need to go to Where to Display -> Positions and choose from the list of available positions.

    General Design Options

    The general design options persist in almost any position inside the plugin. They are responsible for change of the design, active social networks and you can also use it to hide location for specific devices.

    Responsive Appearance

    Those options you can use to hide the display method on a specific device. You can combine them with mobile options or use it stand-alone.

    Style Library

    The style library allows applying a ready design from the library. That design can be a pre-build inside the plugin or custom made (or transferred from another site or location).

    If you select a style from the library plugin will load custom settings on this position. In case you need to remove that style you should deactivate the custom options.

    Custom Code For The Display Method

    The custom code enables the option to add custom HTML, CSS code, shortcode, etc. before or after the share buttons. This will help to build awesome looking customized displays of share buttons without modifying the code of the plugin.

    The field you receive are:

    • Before Display – that is the custom code section that will be added before the main plugin HTML element
    • After Display – that is the custom code section that will be added after the main plugin HTML element.

    If you decide to add CSS code we recommend doing this in Before Display section to avoid the blink effect when code is loaded after the element. The CSS should be wrapped in a <style> block. You also have access to a variable {instance_class} that represents the current unique class for the display.

    Example:

    <style type="text/css">{instance_class} li a { color: red !important; }

     

    Configure Custom Share Button Style & Network List

    In the last section it the global position settings represent a full set of controls like in the global plugin settings for personalized button styles and social networks.

    When the option is enabled for this position the styles are automatically changed to those on the screen. The position styles will be always with higher priority. Enabling the option may require to make a few additional adjustments over the look of buttons. If that happens you will also see a panel in the plugin general settings notifying about that.

    Enabling the option will not overwrite the social networks immediately. If the field for the networks remains blank, the plugin will refer and use the general social networks you select (it will only change the styles). But if you select or network button in the options the position settings will start looking for just networks you choose here. And the general networks change will not reflect on the position settings – you will see a panel in the general settings about this.

    Position Specific Options

    The position-specific options are tight made for the current location you personalize. Those options you can use without changing the general display options. They provide access to additional features. An example of such options is the Sidebar settings for placement.

    Almost any of the automated display positions in Easy Social Share Buttons for WordPress has such additional position-specific options. This helps to make changes over the look of buttons without the need to make any changes inside the code.

    Was this article helpful?
    YesNo
    in Social Share ButtonsShare Button Display
    Was this article helpful?
    YesNo