Styling

Sesami button is a regular button element that can be styled just like any other element using css.

It is given this class name: sesami__button

Which you can use as a css selector to add or override a style.

custom.css

.sesami__button{

background: #24d2dc;

height: 50px;

line-height: 48px;

padding: 0 30px;

border: none;

border-radius: 4px;

color: #000;

font-size: 24px;

margin: 8px 0;

}

Which will result in:

note

Each theme might use a different name, structure or technology to process css files, some themes have a custom.css or override.css file that are used for any custom styling. Please ask your theme developer about where you should add this code if you are unsure.