Buttons
Global button styling settings that affect primary and secondary buttons across the store. Adjust corners, font sizing, padding and shadows to match brand guidelines.
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Theme settings -> Buttons.
Buttons Settings
Primary Button Border Width
range
0
Border width for primary buttons.
Button Border Radius Primary
range
100
Corner radius (rounding) for primary buttons.
Button Type Font Primary
select
body
Font category used for primary button text.
Button Type Size Primary
select
1.6rem
Font size for primary buttons.
Button Font Weight Primary
select
default
Font weight for primary button text.
Button Text Case Primary
select
default
Text transform for primary buttons (e.g., uppercase).
Secondary Button Border Width
range
1
Border width for secondary buttons.
Button Border Radius Secondary
range
100
Corner radius for secondary buttons.
Button Type Font Secondary
select
body
Font category for secondary buttons.
Button Type Size Secondary
select
1.6rem
Font size for secondary buttons.
Button Font Weight Secondary
select
default
Font weight for secondary buttons.
Button Text Case Secondary
select
default
Text transform for secondary buttons.
Buttons Shadow Horizontal Offset
range
0
Horizontal offset for button shadow.
Buttons Shadow Vertical Offset
range
0
Vertical offset for button shadow.
Buttons Shadow Blur
range
0
Blur radius for button shadow.
Buttons Padding Vertical
range
10
Vertical padding inside buttons (desktop).
Buttons Padding Vertical Mobile
range
10
Vertical padding inside buttons (mobile).
Buttons Padding Horizontal
range
20
Horizontal padding inside buttons (desktop).
Buttons Padding Horizontal Mobile
range
10
Horizontal padding inside buttons (mobile).
Pills Border Radius
range
40
Border radius for pill-style buttons or tags.
Need More Help?
If you experience any difficulties or require extra support with your Ella theme, feel free to contact our support team through our Ticket System — we’ll get back to you within 24 hours.
Simply scan the QR code below to join our Facebook community and stay updated with the latest news, tips, and announcements.
Last updated