I wish we had the option to assign class names to button links, to allow .CSS styles to control button appearance. Here's what I'm using, but of course I have to insert it as HTML in the H&M editor:
Code: Select all
<p style="text-align: center;"><a href="index.html?newtopic#testlink" class="grnbtn" target="_blank">Go to New Topic</a></p>
Code: Select all
.grnbtn {
display: inline-block;
-webkit-box-shadow: 2px 3px 3px #666666;
-moz-box-shadow: 2px 3px 3px #666666;
-ms-box-shadow: 2px 3px 3px #666666;
box-shadow: 2px 3px 3px #666666;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
color: #ffffff;
font-size: 16px;
font-weight: bold;
background: #008000;
padding: 3px 7px 3px 7px;
border: solid #000000 2px;
text-align: center;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
}
.grnbtn:hover {
background: #DC143C;
text-decoration: none;
}