One of the most common frustrations WordPress users face is hitting a wall with a plugin’s built-in styling options. You’ve found a great plugin, it does everything you need functionally — but the design doesn’t quite fit your site. The buttons are the wrong size, the spacing feels off, or the colors clash with your brand. At that point, most users either accept the compromise or start hunting for a developer.
There’s a better way. Simple Custom Code is a free WordPress plugin that lets you add custom CSS, JavaScript, and HTML to your site cleanly and safely — without editing theme files, without touching any plugin code, and without needing any development experience. It works alongside virtually any WordPress plugin, giving you the power to override, extend, or completely reshape how anything looks on your site.
To show you exactly what that looks like in practice, we’re using Easy Social Share Buttons for WordPress as our real-world example — one of the most popular and feature-rich social sharing plugins available. It already offers an impressive range of display methods, button styles, positioning options, and a deep customization panel. But even with all of that, there are design outcomes that its settings panel simply can’t reach on its own. That’s where Simple Custom Code steps in.
In the two tutorials below, we’ll walk through exactly how to pair Simple Custom Code with Easy Social Share Buttons to achieve custom designs that would otherwise require a developer — starting with the share buttons container, then moving on to the individual buttons themselves.
Customizing the Share Buttons Container With Custom CSS
The container is the foundation of your share buttons layout — it controls how the entire block sits within your page. Getting this right means your social sharing section feels intentional and designed, not just dropped in. In this tutorial, we use Simple Custom Code to target the container element and apply custom CSS that adjusts its width, alignment, spacing, background, and more.
The same approach demonstrated here works for any WordPress plugin that renders a container element on the frontend — Simple Custom Code gives you the tools to target it precisely and customize it without any risk to your site.
In this tutorial you’ll see how to:
- Inspect and identify the correct CSS selector for any plugin’s container element
- Use Simple Custom Code to apply your custom CSS cleanly and persistently
- Control width, alignment, padding, spacing, and visual styling of the container
- Make changes that survive plugin and theme updates without breaking anything
Taking Full Design Control Over Individual Plugin Elements
Once the container is dialed in, the next step is styling the individual elements inside it — in this case, the share buttons themselves. This tutorial demonstrates how to go even deeper with custom CSS through Simple Custom Code, targeting specific button elements to customize their size, shape, colors, hover effects, and transitions.
This is where the real design freedom opens up. Every technique shown here applies equally well to buttons, cards, widgets, forms, or any other frontend element rendered by a WordPress plugin. If you can inspect it in a browser, Simple Custom Code can help you style it.
In this tutorial you’ll see how to:
- Target individual plugin elements using precise CSS selectors
- Customize colors, sizing, border radius, and icon spacing
- Add smooth hover effects and CSS transitions
- Build a cohesive, on-brand design without touching a single plugin or theme file
Why Simple Custom Code Is the Cleanest Way to Customize Any WordPress Plugin
What makes Simple Custom Code particularly powerful as a companion to any WordPress plugin is its simplicity and safety. Your customizations live completely independently from both your theme and the plugins you’re styling — meaning updates never wipe out your work. Everything is organized in one place, clearly labeled, and easy to toggle on or off at any time.
Beyond plain CSS, Simple Custom Code also integrates with the Visual CSS Customizer — a point-and-click interface that lets you visually select any element on your site and edit its styles in real time, without writing a single line of CSS manually. It’s the fastest way to go from “this doesn’t look right” to “this looks exactly how I want it.”
Whether you’re working with social sharing plugins, page builders, WooCommerce, contact forms, or any other plugin in your stack — Simple Custom Code gives every WordPress user, at any skill level, the ability to achieve the exact design they’re after.
Get Simple Custom Code Free
Simple Custom Code is completely free and takes less than a minute to set up. Install it, add your CSS, and your changes go live instantly — no developer needed, no compromises on design.
👉 Learn more at simplecustomcode.com
👉 Download Simple Custom Code free from WordPress.org and start customizing your site today.
Have a plugin you’re struggling to style? Drop a comment below — we’d love to show you what’s possible.