datacamp-logo
Session Ready
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).