Hi, Looking for some help with card Mod Yaml, to complete the resizing of the input selector on a tile card in horizontal mode. I’ve got card mod to move the selector to the left and I can increase the width of the selector within google chome inspect item, but I can’t get that to work into the Card Mod Yaml.
My existing code which is working to move selector to the left as follows:
type: tile
entity: input_select.sel_remote
features_position: inline
vertical: false
hide_state: true
name: " "
features:
- type: select-options
card_mod:
style:
.: |
ha-card {
width: 80% !important;
margin-right: auto;
}
ha-tile-container$: |
div.container.horizontal > div.content {
width: 15% !important;
flex: 0 0 15% !important;
}
Below are images from Chrome show the selector being moved and increased in size.
Below is the code I’ve tried to resize the selector, but it just gets ignored and I don’t understand it well enough to figure out what’s wrong.
Hope someone can help me resolve this issue.




