Styling and bottom-aligning ‘Read More’ links for the Basic Grid Blog in Squarespace 7.1
Blog pages in Squarespace 7.1 are pretty stylish-looking already.
But that doesn’t mean we can’t take things up a notch by making some extra tweaks such as styling the “Read More” links into buttons.
And, for those of us who love things that are perfectly aligned, why not also move the buttons to the edge of the content area, to make sure the layout looks just right?
If you’re interested in diving into either of these customizations, then today’s tutorial is for you!
We’ll first tackle the link-to-button transformation and then look into how we can reposition them at the very end of the blog items.
Let’s do it!
01 | CHAPTERS
00:00 - Intro
00:45 - Styling the 7.1 Blog page Read More Links as buttons
03:13 - Removing the underline from Read More Links inside Blog pages in 7.1
04:46 - Aligning the Read More Links to the bottom of blog items in 7.1
02 | BLOG POST + CODE
https://beatrizcaraballo.com/blog/rea...
03 | WORK WITH ME
If you’d rather not figure this out alone, there are a few ways I can help.
From ongoing guidance to full hands-on work, you can choose what fits your project best.
https://beatrizcaraballo.com/services
04 | SUPPORT + INQUIRIES
If you’re working on a project and need help, you can reach out here:
https://beatrizcaraballo.com/contact
I prioritize client inquiries. For quick questions, I may not always be able to respond directly, but I do use them to guide future content!
05 | RESOURCES
Some of the approaches and code I use in my videos come from my project coding toolkit – The Snippet Directory. It's now available inside the Club, alongside ongoing personalized support.
Explore access here:
https://beatrizcaraballo.com/snippet-...
06 | STAY IN THE LOOP
Receive weekly customization tutorials and troubleshooting tips, based on real-life project challenges.
https://beatrizcaraballo.com/notes
07 | NOTE
The code shown in this video is provided as is and it's not a one-size-fits-all solution. Your implementation may vary depending on your project and settings. There is no guarantee that the code, instructions, or method shown will work or be error-free.
08 | KEYWORDS
bottom align read more links squarespace, read more links blog page, blog page bottom align read more links, squarespace css tutorial, squarespace 7.1, custom css squarespace, squarespace web design, squarespace custom code, squarespace web development, squarespace design tutorial, squarespace site customization, squarespace code implementation, squarespace css tricks
-------------------------------------------------------------------
Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/jonny-boyle/tres...
License code: DT8VYCZ0NE1FUHWY