What I’m trying to do:
I’m trying to center the top header/title of the app. It’s stuck on left align, and won’t change.
What I’ve tried and what’s not working:
It’s coded as a regular label so I’ve tried center align in the design panel, as well changing
label.align = 'center' didn’t work.
Is this alignment hard coded in the MD3 css? Is there an easier way to change this without editing CSS?
Hi @sysadmin,
You could try this:
https://anvil.works/build#clone:UJIWY5H6Q3ULFNLD=7VWRE4U747V7TQXODMEU7IWT
See line 433 in theme.css to see what I’ve removed:
Ideally, you would be able to change this without editing the CSS but it’s hard to account for all possible design choices an Anvil developer may have - hence why we allow you to change the CSS. If you want to learn more about CSS, @brooke wrote a useful guide here:
A Guide to Styling Apps with CSS (anvil.works)
Hope that helps.
Ryan
