Pride Month is more than just a celebration—it’s a time to honor the LGBTQIA+ community, advocate for equality, and spread love and inclusion. At NoarusRainbowLand, we believe in expressing creativity and identity in every way possible, from the products we create to the way we connect with our community. This year, we’re embracing the spirit of Pride by introducing custom rainbow social media sharing buttons for Squarespace websites. These buttons are not only functional but also a vibrant representation of the Pride flag. 🌟

Why Celebrate Pride on Your Website?

Whether you’re an artist, an activist, or a small business owner, your website is a powerful platform to amplify your support for the LGBTQIA+ community. Adding subtle yet impactful features like Pride-themed social sharing buttons:

• Shows solidarity: Signal your support for inclusivity and equality.

• Enhances engagement: Make it easier for visitors to share your content across social media.

• Reflects your brand values: Align your online presence with a cause that matters.

The Big Squarespace Problem: Social Media Sharing Buttons

Squarespace is a fantastic platform, but it has a major limitation—its built-in social sharing buttons are often clunky, outdated, or simply non-existent on newer templates. For many website owners, this means missing out on vital opportunities to promote their content.

Luckily, we’ve found a solution. If you’re looking for custom, visually stunning sharing buttons specifically designed for Squarespace, keep reading.

Introducing Pride-Themed Social Media Buttons for Squarespace 🌈

Here’s a sneak peek at the CSS for our Pride-inspired social sharing buttons. These buttons feature a subtle gradient that mirrors the Pride flag, adding a touch of joy and inclusivity to your website.

How It Looks

These buttons feature a modern, square design with rounded edges, a rainbow gradient background, and an interactive hover effect that amplifies the vibrancy. They’re perfect for Pride Month or any time you want to add a splash of color to your site.

CSS for Pride-Themed Buttons 🌈

/* Rainbow Borders Style */

.share-icon {

display: inline-flex;

justify-content: center;

align-items: center;

width: 50px;

height: 50px;

border-radius: 8px;

font-size: 20px;

color: #333; /* Neutral icon color */

background: white; /* White background */

border: 3px solid; /* Rainbow border */

border-image: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet) 1;

transition: all 0.3s ease;

}

.share-icon:hover {

transform: scale(1.1); /* Zoom effect */

border-image: linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red) 1;

}

Why Add Pride-Themed Buttons to Your Squarespace Site?

• Custom Branding: Stand out with sharing buttons that match your website’s style and message.

• Seamless Integration: These buttons are designed specifically for Squarespace, solving the platform’s lack of sharing functionality.

• Increase Reach: Social media buttons make it easier for visitors to share your content, helping you connect with more like-minded individuals.

Where to Use These Buttons?

You can add these vibrant buttons to:

• Blog posts about Pride Month or LGBTQIA+ topics.

• Product pages for Pride-themed merchandise.

• Your homepage as a general call-to-action to share your content.

Need Help Adding These Buttons?

If you’d like to learn exactly how to integrate these buttons on your Squarespace site, including placement on product pages and blog posts, subscribe to our paid blog for just €35/year. It includes step-by-step tutorials, insider tips, and advanced techniques tailored for Squarespace users.

Spread Love, Share Stories

Adding Pride-themed buttons to your Squarespace site is a small but meaningful way to show your support for the LGBTQIA+ community. At NoarusRainbowLand, we’re proud to stand with you in celebrating diversity, equality, and creativity.

Happy Pride Month! 🌈

P.S. Don’t miss our exclusive guide on giving these buttons the actual colors of each social media platform!