Modify the sidebar's titles

To add CSS go to TEMPLATE page, click on EDIT HTML. Search for <b:skin></b:skin> and click on the triangle next to it, and put this css code before </b:skin> If you want to change it to you favorite font see how in the previous online class.

Para adicionar o CSS vai à página MODELO, clica em Editar HTML. Procura por <b:skin></b:skin> e clica no triângulo que se encontra ao lado, e coloca o código css antes de </b:skin> . Se quiseres mudar para o teu tipo de letra favorito vê como na aula anterior.

.sidebar h2 { text-transform: uppercase; /** You can change to lowercase and capitalize **/ letter-spacing: 10px; /** spacing between letters **/ color: white; /** font color **/ text-align: center; font-size: 15px; background: url("http://bit.ly/1z9uvC7"); /** Background image **/ padding: 15px 0px !important; margin: 0px 3px !important; }

.sidebar h2 { text-transform: uppercase; /** You can change to lowercase and capitalize **/ letter-spacing: 10px; /** spacing between letters **/ color: white; /** font color **/ text-align: center; font-size: 15px; background: #f3c2dd; /** Background color **/ padding: 15px 0px !important; margin: 0px 3px !important; }

.sidebar h2 { text-transform: uppercase; /** You can change to lowercase and capitalize **/ letter-spacing: 10px; /** spacing between letters **/ color: white; /** font color **/ text-align: center; font-size: 15px; background: #d7a7c1; /** Background color **/ padding: 15px 0px !important; margin: 0px 3px !important; /** Making the round corners **/ -moz-border-radius: 50px; -webkit-border-radius: 50px; -goog-ms-border-radius: 50px; border-radius: 50px; }

.sidebar h2 { text-transform: uppercase; /** You can change to lowercase and capitalize **/ letter-spacing: 10px; /** spacing between letters **/ color: black; /** font color **/ text-align: center; font-size: 15px; background: url("http://bit.ly/1x9sHxH"); /** Background image **/ padding: 15px 0px !important; margin: 0px 3px !important; -moz-border-radius: 50px; -webkit-border-radius: 50px; -goog-ms-border-radius: 50px; border-radius: 50px; /** Making the border **/ -moz-border: 1px solid #7dd2cb; -webkit-border: 1px solid #7dd2cb; -goog-ms-border: 1px solid #7dd2cb; border: 1px solid #7dd2cb; }

.sidebar h2 { text-transform: uppercase; /** You can change to lowercase and capitalize **/ letter-spacing: 10px; /** spacing between letters **/ color: white; /** font color **/ text-align: center; font-size: 15px; background: url("http://bit.ly/1x0qbH5"); /** Background image **/ padding: 25px 0px 2px !important; margin: 0px 3px !important; }

.sidebar h2 { text-transform: uppercase; /** You can change to lowercase and capitalize **/ letter-spacing: 10px; /** spacing between letters **/ color: black; /** font color **/ text-align: center; font-size: 15px; padding: 15px !important; margin: 0px 3px !important; /** Making the top border **/ -moz-border-top: 2px dotted #3db8ae; -webkit-border-top: 2px dotted #3db8ae; -goog-ms-border-top: 2px dotted #3db8ae; border-top: 2px dotted #3db8ae; }