Skip to main content
Question

Text not centered on button

  • January 14, 2022
  • 0 replies
  • 107 views
Forum|alt.badge.img+11
Please fix this so that the text is smaller and centered on the button.  I have tried so many different ways...nothing is working. thank you
ths
// Begin button style
var text bgcolor = $ButtonColor;
var text txtcolor = $WordsColor;
var text style = "style=\"text-decoration: none; text-align: center; background:" & $bgcolor & "; width: 20px; height: 20px; border-radius: 20px; padding:5px 5px 5px 5px; color: " & $txtcolor & "; display: inline-block; font: normal 10 6px/1 \"Calibri\", sans-serif; text-shadow: none;";
// End button style

------------------------------
BuildPro
------------------------------

Forum|alt.badge.img+3
  • LauraThackerID
  • Quickbase Alumni
  • January 14, 2022
How do you like this?

text-align: center; padding:5px 5px 5px 5px; background:" & $bgcolor & "; border-radius: 20px;color: " & $txtcolor & "; display: block;

I tried a few different options and none seemed very close.  I do not think you can use the fixed-width because of the size/amount of text.

------------------------------
Laura Thacker IDS
------------------------------
Terms & ConditionsAccessibility statement