It depends on the region template where your button is positioned.
If you use the .t-Button class, you may not like the end result. At the same time, you can use the button static id too.
And below is the button static style:
How do I align a button to the far right when it is in Button Position "Right of Title"? In V4 you had multiple other options such as "Region Position #Change#" together with "Right" would place the button on the title bar but to the far right. What is the CSS to do this in V5? After inspecting the buttons in chrome, I tried the following in the page inline CSS but couldn't get it to work.
In this case no CSS is required if the appropriate button position for the region template is used. For example, in a Standard region, use the Edit position, not Right of Title.
The key to effective use of the Universal Theme is not to customize it when you don't have to. Work with the features it offers instead of overriding them. See the Universal Theme sample app for guidance and examples.
Where there is a requirement to override UT defaults or customize the UI, then instead of immediately throwing ad hoc CSS at the problem, the recommended approach is:
- Use built-in template options where they exist
- Utilize built-in Theme Roller settings where they exist
- Re-use existing classes elsewhere
- Add small CSS overrides through Theme Roller Custom CSS rules
- Create a copy of a suitable template and add custom template options, with the accompanying CSS in a suitable location depending on its scope and size