Hey Tada Community!
Need some basic CSS help. I would like to convert an HTML text link to a button that is the same as the System uses for “Link Button” component. Any ideas on how I can assign that CSS class? I was thinking the “Additional CSS Classes” under the HTML component; Design area but I am not having any luck.
Appreciate any help!
~Adam
Give it a class of “btn btn-primary”
Swap out primary with danger, warning, info, etc if you wish.
Tim, many thanks. This didn’t work how I wanted it to however you did point me in the right direction. This is what I came up with that worked perfect.
#x_element_page_6_28 > p > a {
padding: 11px;
font-size: 18px;
line-height: 1.3333333;
display: inline-block;
border-radius: 6px;
background-color: #2777FF;
border-color: #2777FF;
text-decoration: none;
color: #fff
}
#x_element_page_6_28 > p > a:hover {
padding: 11px;
font-size: 18px;
line-height: 1.3333333;
display: inline-block;
border-radius: 6px;
background-color: #0f2f66;
border-color: #0f2f66;
}
Nice! That was actually my next suggestion. Copy the styling of a button you’re trying to emulate.
You might also want to define the styling of :focus and :visited, in addition to :hover
