Buttons

Buttons sizes, colors and variations.

Default sizes

X-Large
Padding:    22px 54px
Font-size:   14px
Large
Padding:    18px 44px
Font-size:   14px
Medium
Padding:    16px 34px
Font-size:   14px
Normal
Padding:    12px 24px
Font-size:   14px
Small
Padding:    10px 20px
Font-size:   12px

Custom sizes

Button text
Padding:    75px 50px
Font-size:   24px
Button text
Padding:    60px 70px
Font-size:   16px
Button text
Padding:    35px 65px
Font-size:   18px
Button text
Padding:    10px 88px
Font-size:   13px
Full width button size
Width:        100%
Padding:    18px 44px
Font-size:   16px

Shapes and outlines

Square button shape
Border-radius:   0px
Radius button shape
Border-radius:   10px
Round button shape
Border-radius:   50px
Outline square shape
Border-radius:   0px
Border:                2px solid
Outline radius shape
Border-radius:   5px
Border:                2px solid
Outline radius shape
Border-radius:   50px
Border:                2px solid
Horizontal border
Border-top:           2px solid
Border-bottom:   2px solid
Vertical border
Border-left:      2px solid
Border-right:   2px solid
Bottom border
Border-bottom:   2px solid
Border top
Border-top:   2px solid

Unlimited colors

#color_1

Theme color

#27b7f8

Blue

#f3413e

Red

#1ecb67

Green

#25c9dd

Cyan

#ff5722

Orange

#e83570

Pink

#ffb401

Yellow

#764dff

Purple

#2c2e30

Dark

3d’s and gradients

#color_1

Theme color

#27b7f8

Blue

#f3413e

Red

#1ecb67

Green

#0a7de8

Azure

#ff5722

Orange

#e83570

Pink

#ffb401

Yellow

Hover me

Custom

#2c2e30

Dark

About us

Themezly is innovative digital agency focusing on WordPress themes and plugins development.

Trending