WP Reactions Documentation WP Reactions Documentation
  • Knowledge Base 
  • Open a Ticket 
Ask a Question
WP Reactions Documentation WP Reactions Documentation
Ask a Question
WP Reactions Documentation
  • Knowledge Base 
  • Open a Ticket 

WP Reactions

  • folder icon closed folder iconGetting Started
    • Download WP Reactions
    • Installing WP Reactions
    • Activate License Key
    • Quick Start Guide
    • Revoke License Key
  • folder icon closed folder iconEmoji Reaction Layouts
    • Original Reactions
    • Reaction Button
    • Jane Reactions
    • Jimbo Reactions
    • Mini Reactions
  • folder icon closed folder iconLayout Options
    • Emoji Picker
    • Emoji Reveal
    • Flying Animated Text
    • Reaction Button Design
    • Reaction Container Styling
    • Emoji Animation
    • Call to Action
    • Random Counts
    • Fake Counts
    • Button Padding
    • Emoji Border Styling
    • Emoji Background Styling
    • Emoji Sizes
    • Shortcode Alignment
    • Emoji Badges
    • Flying Animation Effect
    • Primary Call to Action
    • Social Share Call to Action
    • Button Icon Styling
  • folder icon closed folder iconSettings
    • General
    • Advanced
    • WooCommerce Reactions
  • folder icon closed folder iconSocial Media Sharing
    • Social Share Platforms
    • Button Design
    • Share Counter
    • Button Behavior
    • Social Popup Overlay
  • folder icon closed folder iconWPML Intergration
    • Installing Required WPML Plugins
    • Translate Global Activation
    • Translate Shortcodes
  • folder icon closed folder iconShortcode Generator
    • Shortcode Editor
    • Bind Shortcode to Post
  • folder icon closed folder iconGlobal Activation
    • On Page Options
    • Custom Post Types
  • folder icon closed folder iconAnalytics
    • Emoji Reaction Data
    • Social Sharing Data
  • folder icon closed folder iconTools
    • Advanced Random Counts
    • Reset User Counts
  • folder icon closed folder iconDevelopers
    • Action Hooks & Filters
    • JavaScript Events
loading
Popular Searches
  • Global Activation
  • Shortcode
  • Layout Options
  1. Home
  2. WP Reactions
  3. Layout Options
  4. Reaction Button Design
Updated on December 11, 2021

WP Reactions

  • folder icon closed folder iconGetting Started
    • Download WP Reactions
    • Installing WP Reactions
    • Activate License Key
    • Quick Start Guide
    • Revoke License Key
  • folder icon closed folder iconEmoji Reaction Layouts
    • Original Reactions
    • Reaction Button
    • Jane Reactions
    • Jimbo Reactions
    • Mini Reactions
  • folder icon closed folder iconLayout Options
    • Emoji Picker
    • Emoji Reveal
    • Flying Animated Text
    • Reaction Button Design
    • Reaction Container Styling
    • Emoji Animation
    • Call to Action
    • Random Counts
    • Fake Counts
    • Button Padding
    • Emoji Border Styling
    • Emoji Background Styling
    • Emoji Sizes
    • Shortcode Alignment
    • Emoji Badges
    • Flying Animation Effect
    • Primary Call to Action
    • Social Share Call to Action
    • Button Icon Styling
  • folder icon closed folder iconSettings
    • General
    • Advanced
    • WooCommerce Reactions
  • folder icon closed folder iconSocial Media Sharing
    • Social Share Platforms
    • Button Design
    • Share Counter
    • Button Behavior
    • Social Popup Overlay
  • folder icon closed folder iconWPML Intergration
    • Installing Required WPML Plugins
    • Translate Global Activation
    • Translate Shortcodes
  • folder icon closed folder iconShortcode Generator
    • Shortcode Editor
    • Bind Shortcode to Post
  • folder icon closed folder iconGlobal Activation
    • On Page Options
    • Custom Post Types
  • folder icon closed folder iconAnalytics
    • Emoji Reaction Data
    • Social Sharing Data
  • folder icon closed folder iconTools
    • Advanced Random Counts
    • Reset User Counts
  • folder icon closed folder iconDevelopers
    • Action Hooks & Filters
    • JavaScript Events

Reaction Button Design

Estimated reading: 2 minutes 3263 views

This option is only available for the Reaction Button layout.

How does Button Design Work?

This option block controls how your button looks. It covers all styling aspects of the button so you can customize the perfect Reaction Button for your emojis to pop out of.

Breakdown of Options

  1. Text Color – This option determines the color of your main text in the button. Use the color picker to pick from unlimited colors or just paste your color code in.
  2. Font Size – This drop down to to choose from with a range from 8px up to 60px. This font size is the size that your font will show in your button.
  3. Font Weight – You can choose from 100 – 700 weight to make your font normal to bold. 
  4. Background Color – This is the background color for your button. Use the color picker to choose your color or paste your color code in.
  5. Border Color – This is your border color for the button. Choose any color in your color picker or paste your color code in.

  6. Border Radius – Change the shape of your buttons edges. Use the the drop son and choose from o to 60 px.
  7. Hover Background Color – This is the background color on hover. Use the color picker to easily manage your color.
  8. Hover Text Color – This will be the text color when the button is hovered on.
  9. Hover Border Color – Manage the color of your border by choosing from the color picker. This color will show when it is hovered on. 
This option is available in the following layouts:

This option is abvailable in the Reaction Button only.

FAQ's

Why don't I see font choices?

The font used is the one that is your default website font. So the plugin adapts to your font.

can I make my font larger than 60px

Our preset goes up to 60px only. If you need to make it larger, please contact support.

Still need help?

Helpful? Yes 5 No 2

How can we help?

A premium WordPress theme with integrated Knowledge Base,
providing 24/7 community based support.

CONTENTS

Quick Links

  • Demo Site
  • Pricing
  • Contact Us

Products

  • WP Reactions PRO
  • WP Reactions Lite
  • Emoji Uploader

Support

  • Open a Ticket
  • Lite Support
  • Knowledge Base
  • Terms of Use
  • Refund Policy
  • Privacy

© Copyright 2022, All Rights Reserved WP Reactions, LLC