GeothermalCanada Posted December 5, 2023 Share Posted December 5, 2023 (edited) I'm using Bedford 7.0. Here is the code I put into the header injection of my page: <style> /* Medium Buttons */ .sqs-block-button-element--medium { width: 70% !important; min-height: 46px; } </style> Here's what my button grid looks like as a result: How do I get it so that the text is always centered on each button? The two-line texts center nicely, but the one-line texts are too high. Also, if there is a better way to make an aesthetically-pleasing grid of buttons, please tell me how. Edited December 5, 2023 by GeothermalCanada Link to comment
melody495 Posted December 5, 2023 Share Posted December 5, 2023 Hi @GeothermalCanada, please share your website url and where these buttons are located so we can take a look -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
GeothermalCanada Posted December 5, 2023 Author Share Posted December 5, 2023 https://www.geothermalcanada.org/catalogue-menu Just scroll down you'll find the buttons. I've rounded the edges. Link to comment
Solution melody495 Posted December 6, 2023 Solution Share Posted December 6, 2023 18 hours ago, GeothermalCanada said: https://www.geothermalcanada.org/catalogue-menu Just scroll down you'll find the buttons. I've rounded the edges. Try adding this to Website -> Website Tools (under Not Linked) -> Custom CSS .sqs-block-button .sqs-block-button-element--medium { display: flex; justify-content: center; align-items: center; } This will apply the changes to all buttons that is .sqs-block-button-element--medium. Let me know how it goes. -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
GeothermalCanada Posted December 6, 2023 Author Share Posted December 6, 2023 Flawless! Thank you. Link to comment
melody495 Posted December 7, 2023 Share Posted December 7, 2023 1 hour ago, GeothermalCanada said: Flawless! Thank you. Your welcome! -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
GeothermalCanada Posted December 14, 2023 Author Share Posted December 14, 2023 (edited) One more thing I'm having trouble with: (Bedford 7.0) https://www.geothermalcanada.org/corporate-members Here's the code header injection I'm currently using to increase the height of the slideshow pane: <style> .sqs-gallery-block-slideshow { height: 30vh } </style> I can't get the images in the slideshow to scale up to fill the pane. I'd like to be able to scale them up so that their width matches the width of the pane. All images should be centered vertically. For images that are taller than the pane when scaled up, I'm fine with them being cropped above and below. I want the aspect ratio of each image to stay intact (no stretching). Thanks once again for any help. Edit: nevermind, I started a new thread for this. Edited December 16, 2023 by GeothermalCanada Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment