Hello there.

Which buttons are you referring to - the URL Link buttons? If that's true, you need to go to column settings, and add a custom CSS class for that button. Then, you can use a website like Best CSS Button Generator, style the button the way you want it to look, and copy the CSS in the Customize section above the table, in the Custom CSS section.

Hello again.

When you create a URL Link column and set it to appear as a button, you need to add a custom class to it:

Then, on the website I provided, you generate your button, and click on "Get Code":

In the right part of the screen, you'll see the code you need for this button:

Copy the code without the first row and change "myButton" to the custom class you added in step 1, so instead of this:

.myButton {
	background-color:#51d1c6;
	border-radius:28px;
	border:1px solid #1995ab;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
	background-color:#5a9615;
}
.myButton:active {
	position:relative;
	top:1px;
}

You would use this:

.customclass {
	background-color:#51d1c6;
	border-radius:28px;
	border:1px solid #1995ab;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.customclass:hover {
	background-color:#5a9615;
}
.customclass:active {
	position:relative;
	top:1px;
}

In the table, go to Customize/Custom CSS and paste that code:

Notice that the font color had to include the !important clause to override the color of the text in the button. After you add this, the button in the table will look like this:

I hope that helps.

Hi again.

!important needs to be before the semi-colon, like this:

color: white !important;

You're welcome, glad I could be of service.