Transparent Dark Button Border Color

[icecast]

css below works, except cannot get transparentdark button border color to display as white, appreciate any suggestions.

[sf_button colour=”transparentdark” type=”standard” size=”large” link=”http://” target=”_self” icon=”ss-highvolume” dropshadow=”no” extraclass=””]alternative rock[/sf_button]

——————————————

table.standard_minimal td {
border: 1px solid #000 !important;
border-bottom: 1px solid #000 !important;
}
.sf-table.standard_minimal a.sf-button.pink, .sf-table.standard_minimal a.sf-button.transparentdark {
width: 100%;
height: 44px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
line-height: 49px;
text-align: center;
}
.sf-table.standard_minimal a.sf-button.large {
font-size: 20px;
}
.sf-table.standard_minimal a.sf-button.pink:hover, .sf-table.standard_minimal a.sf-button.grey:hover, .sf-table.standard_minimal a.sf-button.transparentdark:hover {
border-color: #1e73be;
background-color: #1e73be;
}

[Kyle – SUPPORT]

Hi

Add this to your custom css:

a.sf-button.transparent-dark {
  border: medium none #ffffff;
}

– Kyle

[icecast]

did not work, tried it your way and below

.sf-table.standard_minimal a.sf-button.transparent-dark {
border: medium none #ffffff !important;
}

[Kyle – SUPPORT]

Please direct me to the page with the button you are referring to

– Kyle

[icecast]

This reply has been marked as private.

[Kyle – SUPPORT]

You can add this to your custom css:

a.sf-button.transparentdark {
  border: 2px solid #fff;
}

However why not use transparent light instead of transparent dark? As you can see here: http://cardinal.swiftideas.com/asset-reference/shortcodes/buttons-social-icons/ for dark backgrounds we use transparent light

– Kyle

[icecast]

perfect, thank you!

[Kyle – SUPPORT]

No problem 🙂

– Kyle