Jump to content

Brine 7.0 Creating Buttons of Equal width

Recommended Posts

I'm building a site currently using the Brine 7.0 template.  The client hates that the buttons are different lengths.

I've tried using this custom CSS code but it doesn't work. 

.sqs-block-button-element {width: 200px}

Any ideas?

Screenshot 2023-11-03 at 10.17.07 PM.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Your best bet will be to add a minimum width to the buttons, having a hard width may cause wrapping issues. I would also suggest that if your client want the buttons to be the same width then getting the text length similar is a good first step before you add any code.

Can you share this website URL and site-wide password if it's not live?

7.1 and fluid engine makes this very easy, but I'm sure you know that already!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • 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.