Hi Michelle,
This is super easy to do with a little CSS. You need to add some basic css properties to the Learningjournal.css file. As an example, I changed the journal prompt text to be Open Sans and bold, and to change the color of the prompt box:
.journalentry-prompt {
color:rgb(85, 54, 132);
font-family:'Open Sans';
font-weight: 700;
margin-bottom:15px;
}
Sometimes you might need to add !important
to the end of a property, before the semicolon if your change doesn't work. This happens if another style is applied at a different level than your changes are being made at - which can override your change. The !important attribute will usually work to make your change the prime one.
You can make quite a few changes with CSS. With this code, I changed the print buttons to:
- Make them purple
- Give them a rounded appearance with the border-radius property
- Changed the text to be uppercase, bold and with font 'Lato'
See below:
.journalprintbutton {
padding: 5px 10px;
background-color: #68246d;
display: inline-block;
margin-bottom: 15px;
color: white;
margin-right: 20px;
padding-left: 20px;
padding-right: 20px;
border-radius:30px;
font-size:1.2rem;
text-transform: uppercase;
font-family: 'Lato';
font-weight: 700;
}