Custom Buttons

[icecast]

hi, i already use custom css below for icon buttons; problem is i want to use pricing buttons with different height and width. any suggestions?

a.sf-button.black, a.sf-button.white, a.sf-button.blue, a.sf-button.grey, a.sf-button.lightgrey, a.sf-button.orange, a.sf-button.turquoise, a.sf-button.green, a.sf-button.pink, a.sf-button.gold, a.sf-button.transparentlight, a.sf-button.transparentdark {
width: 104px;
height: 104px;
margin: 0px;
padding-top: 2px;
padding-bottom: 2px;
}

[Swift Ideas – Ed]

Can you show me where you use the pricing buttons? I might be able to assist with some specific css for those instances.

– Ed

[icecast]

This reply has been marked as private.

[Swift Ideas – Ed]

Hi @icecast,

Responded to your table colours topic – please keep those q’s in that topic.

Try this custom css, it will only affect the buttons in the pricing tables:

.sf-table a.sf-button.black, .sf-table a.sf-button.white, .sf-table a.sf-button.blue, .sf-table a.sf-button.grey, .sf-table a.sf-button.lightgrey, .sf-table a.sf-button.orange, .sf-table a.sf-button.turquoise, .sf-table a.sf-button.green, .sf-table a.sf-button.pink, .sf-table a.sf-button.gold, .sf-table a.sf-button.transparentlight, .sf-table a.sf-button.transparentdark {
width: 100%;
height: 104px;
margin: 0px;
padding-top: 2px;
padding-bottom: 2px;
line-height: 104px;
text-align: center;
}

– Ed

[icecast]

This reply has been marked as private.

[icecast]

actually, just the icon in the colored button is fine, no text is necessary

[icecast]

to clarify, i am using 2 buttons now – one in top row, and one in bottom row

code above with 49px height works great in bottom row

now trying to add icon to top row button – looking for 249px button height, with similar height icon and 5px padding-top / padding-below

[icecast]

This reply has been marked as private.

[Swift Ideas – Ed]

Hey @icecast

Think this was resolved via email, any more needed on this?

– Ed

[icecast]

all set, thanks again!

[Kyle – SUPPORT]

Great!

– Kyle