Let us open up our app.css
file and make some changes. First of all, I really want a white background rather than gray. Can you guess which selector and CSS property we need to use? Your best bet is to use the Page selector; however, StackLayout
would work in the current case because it also covers the entire page. The property is background-color
.
Next, I would like the Tap the button message to stand out a bit more. So, let us do a couple of things. We need to modify the .title
rule and reduce the margin to 10. To make the font stand out a bit more, how about we bold it and change the color to #FF0111?
Next, we really want the button to stand out. So, we will change the Button rules. First off, I like rounded corners. We need to add a border-radius of 15 to it. Since we added a radius, we need to actually define the background color to be #dddddd
. We also need to tell it how wide we want the button to be to make it look sharp. I am choosing a width...