DadSuggests Posted November 30, 2020 Posted November 30, 2020 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!
tuanphan Posted December 5, 2020 Posted December 5, 2020 Have you tried resize 2 columns yet? 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!)
DadSuggests Posted December 7, 2020 Author Posted December 7, 2020 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!
Recommended Posts
Archived
This topic is now archived and is closed to further replies.