Styles for Navigation Buttons

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 :slight_smile: 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 :slight_smile:

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

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 :slight_smile:

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

1 Like

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

1 Like