Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Hover Button component with padding, change text once?

New Here ,
Mar 18, 2022 Mar 18, 2022

I keep trying different ways to make a hover button component that allows me to just change the instance text once.  For example, I have a rectangle button with white text on dark blue background with padding, so when you enter what ever text (either submit, next, or whatever) the padding stays consistent.  Which works fine without a hover state.  I've tried multiple ways to structure this, and can't get it to work as I want.  I have to go into the hover state to then change the text to be the same, or the padding doesn't work. 

 

Is there a way to structure a component so i can just change the instance text once, and not have to go in with each state and change the text to be the same?  So the padding remains consistent, but the color changes on hover, but the text remains the same.

1.2K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 18, 2022 Mar 18, 2022
LATEST

Hover states do not work exactly as I'd like them to, as you've discovered. I use padding so the button size adjusts, but then have to change the text on both states. There's no workaround that I know of.


— Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines