Can not paste Button HTML into the header area...

I made some buttons, copied the HTML and tried to drop it into the box that is in the header area when you use Nav Bottom.
The buttons show up as links.
What am I doing wrong?
Here is a picture, I hope, below
buttons turn into links

Picture of buttons turning into links

[Content Hidden]

Hi Melissa,

I’ve looked at you page and as far as I can tell. You have add HTML to generate a link, I am not seeing any class assigned to style them as buttons.

What you’re going to want to do is give each of those links a class and then add CSS to style them as buttons. For example:

.my-green-btn {
  background: #037569;
  border: 1px solid #013933;
  padding: 10px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
.my-green-btn:hover {
  background: #cc4171;
  border: 1px solid #a42c55;

The a tag HTML with the class included would look something like this:

<a href="" target="_self" class="my-green-btn" role="button">Calendar</a>

You will likely need to play around with the CSS to get your desired look.


Thank you, again!