Styling Better Sharing elements
Better Sharing elements can be styled to match the site's appearance using CSS in the theme's style.css or by using the WP Appearance » Customize » Additional CSS field.
Each Block has a Layout Wrapper CSS Class which can be used to target the elements within with custom styles. This allows blocks to be styles across the entire site or styles applied to individual blocks as needed.
Additionally, the Sharing buttons can be styled by targeting those classes: .bswp-twitter-btn, .bswp-facebook-btn, .bswp-link-btn, .bswp-email-btn
Related Articles
Troubleshooting Better Sharing
Sharing Modal will not open (or close) This is most likely a Javascript issue either due to Javascript not being enabled in the browser or a conflict with another element on the page. Try a different browser, or temporarily switch themes / disable ...Create a Better Sharing UI template
Selecting the "Add UI Template" option from the top of the page. Set your preferences for the look, feel, and behavior of the user interface. There are 4 tabs in UI Template creation – Main, Social Networks, Referral Link, and Email. Main The main ...Better Sharing Settings
There are 4 default (and 1 optional) settings to be configured for the Better Sharing plugin. 1. Email Branding The website or company name to be used as a suffix on the sender's name in the email (i.e. John via Company Name). Recommendations ...Installing Better Sharing
There are three (3) ways to install the Better Sharing plugin on your WordPress website. 1. Keyword search via the WP Admin » Plugins menu Navigate to the WP-admin Dashboard » Plugins Select ‘Add New" from the top of the page. Search the list using ...Adding Better Sharing to webpage
Once installed – You will need to add your Better Sharing UI to a webpage of your choice. This can be achieved in one of two ways: Add Better Sharing from the WordPress Gutenberg Editor. Navigate to WP-admin » Pages (or Posts), Select the page to add ...