Configuring Easy Social Share Buttons Style Settings – Color Customization

Posted OnJun 2, 2015     CategoryQuestion & Answer     CommentsNo comment

In this section of the guide to the Easy Social Share Buttons plugin, we will look at Color Customization where you can change the colors of the Social Network Buttons.

Step 1) Login to the WordPress Dashboard.

Step 2) On the left-hand sidebar of the Dashboard, click Easy Social Share Buttons to display the Main Settings tab.

Step 3) Click the Style Settings tab to display the Color Customization area.

km-easy-colors-01a

Step 4) In order to activate the Color Customization option, place a checkmark in this checkbox.

km-easy-colors-02a

Failure to activate this option will prevent any settings modified below to display.

Total Counter Options

Step 5) Complete the fields as outlined below:

For this example, the Total Counter Colors will be changed.

A. Background color To change the Background Color for the Total Counters, perform the following steps:

  • Click the Select Color button to display a Color Selector pop-up window.
    km-easy-like-05aw
  • Click any button on the bottom row.
    km-easy-like-06a
  • Click and drag the circle until you achieve the desired color.
    km-easy-like-07a
  • You can also entered a Hex value in the textbox.
    km-easy-like-08a
  • Click anywhere outside the pop-up window to confirm your color selection and close the pop-up.
B. Remove background color Place a checkmark in this checkbox if you want to remove the Background Color.

For this example, this field was not checked.

C. Text color For instructions on how to change the Text Color, see A. above.

For this example, no change was made.

D. Total counter big style font-size Enter a value in px (ex: 21px) to change the Total Counter font-size.

For this example, no change was made.

E. Total counter big style shares text font-size Enter a value in px (ex: 10px) to change the Total Counter shares text font-size.

For this example, no change was made.

F. Total counter before/after share buttons text font-size Enter a value in px (ex: 14px) to change the Total Counter text font-size.

For this example, no change was made.

km-easy-colors-05a

If you select the options shown above, you will see something like this:

km-easy-colors-04a

Step 6) Click the Update Settings button to save any changes.

Other Color Customizations

This area gives you the ability to customize colors for the following areas:

  • All networks color options
  • Single network color options, such as Facebook, Twitter, etc.

Step 7) To customize colors for the above areas, perform the steps outlined above.

Step 8) Click the Update Settings button to save any changes.


Checkpoint

Prior to moving forward, we recommend that you view your site to see the changes applied above and make any modifications as needed.


The next step of the guide will focus on Configuring Easy Social Share Style Settings – Fans Counter Color Customization.

 


Leave a Reply

Your email address will not be published. Required fields are marked *

Send this to friend