css snippets

snippets.md

Bullet points on lists

If you have styled lists and now they have unwanted bullet points hanging off their left sides, this should clear that up:

.side .md {
  list-style-type: none;
}

Padding on lists

If you've noticed that your list has been pushed to the right, try adding this:

.side .md ul,
.side .md ol {
  padding-left: 0; /* <- or whatever # you need to make it look right */
}

Underlines on <h6>s

If you are using <h6> elements and notice that they now have underlines, adding this will fix that:

.side .md h6 {
  text-decoration: none;
}

Font color is changed

If you have a custom text color, it may need to be more specific now. Try something like this:

.side .md {
  color: <your color here>;
}

You'll have to be more specific for links and headers:

.side .md a {
  color: <your link color>;
}

.side .md h1 {
  color: <your header color>;
}