Generate custom buttons

Hey Francesco,

Go ahead and assign a class to the button, for example my-button, then you can use CSS like this:

.my-button .avia-button {
  background: #fff;
  border: 3px solid red;
}

.my-button .avia-button:hover {
  background: green;
  color: #fff;
}

Best regards,
Rikard

Hi,

Yes, that is correct. But don’t put it in the ID field, put it in the Class field, and without the dot at the beginning. This is what you should put in the Class field:

my-button

Best regards,
Rikard

Hi,

That looks correct, is it working out for you?

Best regards,
Rikard

Hi,
Your css was correct but it had some hidden characters in it that I removed for you, this is the new css:

#top #main .my-button .avia-button {
	background: #fff;
	border: 3px solid red !important;
        color: red !important;
}
#top #main .my-button .avia-button:hover {
	background: green;
	color: #fff !important;
}

Please clear your browser cache and check, and adjust the color to suit.

Best regards,
Mike