Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Use multiple button styles

Recommended Posts

I'm creating a new site on 7.1 and I'd like to use slightly a different style of button for small buttons to medium/large.

I'd like to use solid style for medium and large buttons and outline style for small. But I can't see a way to change one without updating all button styles under Design > Buttons. 

Any ideas? 

Screen Shot 2020-02-05 at 2.08.46 pm.png

Share this post

Link to post
22 hours ago, tuanphan said:

You can use CSS for this.

If you can insert 2 medium & large buttons, then share link to these. I can take a look

(I don't remember code for both buttons, so I need to insert buttons first to check code)

Thanks tuanphan. I was hoping there was a way to do this without CSS since you could have different style buttons in 7.0

Share this post

Link to post
On 4/21/2020 at 5:27 AM, YolBungaloo8 said:

hi @bekandco did you manage to solve this? Im trying to do one outlined button and one solid one.. but no luck 

Hi @YolBungaloo8 - apologies I didn't see your message until now. I ended up using CSS for this.

This is what I used: 

/* Small Button Styling */
.sqs-block-button-element--small {  border: 3px solid #84cfcb !important;;
  background-color: #ffffff !important;;
  color: #84cfcb !important;

It's on this website: https://www.bekandco.com.au/ 

My large and medium buttons are set to be a solid colour and the CSS changes the small buttons to have a boarder and colour in the middle. 

I hope that helps 🙂

Share this post

Link to post

Create an account or sign in to comment

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

  • Create New...