Maybe you're happy with the template as it is, now that you've personalized the logo and tagline text. But in many cases you may want to customize the design even more. To do this, you have to edit the CSS files of the template. CSS (Cascading Style Sheets) define the design of the site—the HTML code provides the basic structure of the page—CSS is used to customize the layout, color, and typography. We'll come back to the principles of CSS in a minute, but the best way to find out how it works is to play around with it a little. As an example, we'll change the style of the tagline text. Right now it's pretty small and inconspicuous, so let's make it bigger and bolder.
Go to Extensions | Template Manager and click the Templates menu link on the left-hand side. Click Protostar_copy Details and Files to edit the copied template. This will take you to the screen showing the (editable) files of the current template. Click Edit css/template.css. This...