Custom Buttons for Armadillo

Classic Stacks
1

I am looking for a way to use make the links in Armadillo a little more refined. I use buttonmaker currently in stacks, but I have no idea how to incorporate this into the Armadillo pages, if this is even possible. I am used to editing the HTML directly in Armadillo.
Any suggestions appreciated!

2

Button styling is pretty easy to achieve with CSS. It’s common to apply the CSS to either an html anchor or button element.

You can apply the CSS to RapidWeaver or Armadillo.

So here’s a sample

The html:

<a href="#" class="button">Link Button</a>

Some CSS:

.button {
  background-color: darkblue;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

Now this sample uses the class name button. It applies the simple button styling to an html anchor element. You can of course have different button styles by simply adding more CSS with different class names (eg. button1, button2, etc, etc.).

Just remember that in the CSS area class names start with the dot ”.”, and in the HTML area they are given inside the attribute ”class=” button” without the dot.

Class names are case sensitive.

More information on styling the button here:

There are also some online button generators.

3

Thanks! Besides buffing up my pages, it gives me a great start in learning a little more about HTML and CSS

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.