Jump to content

Moving "Buttons" Closer Together

Recommended Posts

Site URL: https://www.dadsuggests.com/home/dads-bookshelf-november-2020

I am trying to move my custom buttons closer together on my website. Here is an example article: https://www.dadsuggests.com/home/dads-bookshelf-november-2020

I don't like the large space between the two buttons that say "Buy on Amazon" and "Shop Local on IndieBound" under each book. I'd like to reduce that space. I have already tried code that reduces margin left and right and padding left and right, but it doesn't seem to accomplish what I want. There's just too much white space in the parent container of the button- is what I think the right term is. And reducing padding and margins on the buttons didn't seem to change the white space parent container at all.

Any ideas for how to really get those buttons side by side? Thanks!

Link to comment
  • Replies 2
  • Views 1.4k
  • Created
  • Last Reply

Thank you I was unfamiliar with hovering between two columns and being able to drag them closer! That was incredibly simple! Adding a space block to the right of all the buttons squeezes them closer too, but resizing by dragging is obviously what I should have done. Thanks for your help!

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.