Styling Bedford Blog Posts in Squarespace

styling bedford blog posts in squarespace

My site uses the Bedford Squarespace template which is a great fit for my style and content. But there are a few features that don't work for me. Chief among these is the banner image on individual blog posts. For Bedford, and a few other themes, when you view a blog post at its direct URL, its post thumbnail image displays as a banner.

Because I use text on my thumbnail images, it ends up looking like the website equivalent of a dumpster fire:

what-not-to-do-bedford-blog.png

So, two options. First would be to hide the blog title. Easy enough, but I like having searchable text as my title. The second option that I settled on adds a line of code in Design > Custom CSS that hides the banner image.

/* don't show thumbnail as banner image behind blog post title (hard to read) */
.collection-type-blog .banner-thumbnail-wrapper {display: none !important;} .collection-type-blog .entry-title {display: block !important;}

And now my blog posts look like this:

better-bedford-image-blog-squarepace.png

Big improvement.

Hope this tip helps you!

Styling PayPal Buttons in Squarespace

Styling PayPal Buttons in Squarespace

I recently added a Membership option for my clients, to allow me to stay on retainer for small updates to their Squarespace websites. I wanted to set a recurring payment, but unfortunately Squarespace doesn't offer a built-in option. Their suggestion is to use MoonClerk which looks like a lovely solution, except that their lowest price point is $15/month. Which seems much too high for my small volume.

I decided to use my PayPal account and create a custom Subscription button. That's pretty easy to do, following PayPal's guide to Create an Automatic Billing Button. But the drawback is that the button on your site looks like this...