Table of Contents

Buttons Class CSS

Abby Updated by Abby

Button Classes

.input-button{
}

.input-button-label{
}

.input-small-header{
}
.buttons{
}

Using the button classes and specifying buttons from specific blocks we can change their attributes.

Button opacity

In this example I changed the opacity of the buttons:

Button text

Here's how you can change the content inside of the buttons:

Button help text

.input-small-header{
    color: red;
}

Buttons in mobile: Line up buttons

Before:

After:

The CSS:

.buttons{
	flex-wrap: nowrap!important;
}

Picture Choice

Hiding Select button in Picture Choice

Before:

After:

The CSS:

.InputCards__SlideInfoContent .is-pulled-right{
	display: none;
}

Multiple Select

Changing background color:

Before:

After:

The CSS:

.input-buttons .is-multiple{
background-color: lightgrey!important;
}

How did we do?

Identify Blocks CSS

Header Class CSS

Contact