Styles for Navigation Buttons

derfaust · June 19, 2022, 5:32pm

Hello… :)… Im making a navigation card for my house… Easy enough…using Grid Card, Buttons, navigation options, etc…I made the grid of navigation buttons…that works no problem… but now i need to adjust the font size, icon color, etc…apply styles…so it will fit in dashboards here is the YAML that im working with… I have made other buttons using styles…rotating fans, etc… how do i apply styles to this thing??.. thank you for your patience and help

square: true
columns: 5
type: grid
cards:

show_name: true
show_icon: true
type: button
tap_action:
action: navigate
navigation_path: main
icon: mdi:home
show_state: true
name: Main
styles:
- color: red
- font: italic bold 11px Roboto
  hold_action:
  action: none

derfaust · June 19, 2022, 5:53pm

and of course…as soon as i post a question… i have a moment of clarity and figure it out :)… i got it… here it is for anyone else that might want it

square: true
columns: 5
type: grid
cards:
  - type: custom:button-card
    tap_action:
      action: navigate
      navigation_path: main
    icon: mdi:home
    show_state: true
    name: Main
    color: red
    styles:
      icon:
        - animation:
            - blink 5s linear infinite
      name:
        - color: white
        - font: bold 12px Roboto      
    hold_action:
      action: none

derfaust · June 20, 2022, 5:26am

new UI :)…with more use of styles :)…