Jump to content

How to add buttons for book covers similar to Homepage

Recommended Posts

Site URL: https://authorjustbae.com

Hi guys and gals. I'm not proficient in code and need your help. On the front page, I've listed my books using the Gallery for display and clickable to an URL. What I want to do is create a new page and list the titles how they are on the front page but add buttons underneath each book cover  that states "Available at all retailers" or similar. I've tried different scenarios using the product image page but it only gives me three at a time and the buttons are aligned to the left which is weird. There's no way to align them centered (Check my page section "Hot and Spicy Romance Novels..."). I prefer to have the gallery like on the front page but each book has a button underneath. I believe I'm on 7.1 but no sure. I surely need your help and thanks!

Link to comment
  • Replies 3
  • Views 703
  • Created
  • Last Reply

To align center button, add this to Home > design > Custom CSS

div#page-section-5f35a6b7654e9d7333c1e607 .image-block-card-text-alignment-left .sqs-block-image .design-layout-card .image-card>* {
    text-align: center !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.