Lesson 3: Making Basic Changes to the CSS

Updated 5 years ago by Matt Bradford-Aunger

Now that we've got our wireframes and designs created, we can start with our customization journey with some basic changes to the CSS.

In this lesson, you'll learn how to do a bunch of CSS tweaks inside HelpDocs including:

/* Restyling specific header text */

.all-categories-label{
  color:#FFCD00 !important;
  font-weight: 300;
  text-transform: uppercase;
}

/* Restyling the search bar */

#hd-query::placeholder{
  color:#FFCD00;
  text-transform: uppercase;
font-size:0.8rem;
}

/* Making author images an ellipse */

.full-article-author-image{
  border-radius: 20px;
}

.author-image{
  border-radius: 15px;
}

/* Restyling breadcrumbs */

#breadcrumbs a{
  color:#797979 !important;
}

#breadcrumbs{
  color:#FFCD00 !important;
}