Exercise

Add CSS to modify the look of the app

CSS is an extremely popular markup language that is used to tell the browser how to display elements on a page. You need to use CSS if you want to deviate from the default look-and-feel of Shiny and want to customize the appearance of different items in your app.

Recall that CSS is comprised of a set of rules, where each rule is a property: value pair associated with an element on the page. It's possible to include CSS in your app by writing it in a separate file and importing it with includeCSS(), but in this course we will use the simpler approach of placing the CSS code inside tags$style() in the UI.

Instructions

100 XP
  • Write CSS rules to modify the app in the following ways:
    • Change the background color of the download button to orange (line 5).
    • Change the text size of the download button to 20 pixels (line 8).
    • Change the text color of the table to red (line 13).
  • Add these CSS rules to the Shiny app (line 20).