【SANGO】カテゴリー一覧をオシャレにカスタマイズする方法

.widget_categories ul li a:before{
  font-family: "Font Awesome 5 Free";
  content: "f07b"; /*親カテゴリのアイコンの色*/
  color:#f8c678;
  font-weight: 900;
  padding-right: 7px;
}
li.cat-item li a {
  color: #777; /*文字色*/
}
li.cat-item ul li a:before{
  color:#f8c678!important; /*子カテゴリのアイコンの色*/
}
li.cat-item a:hover {
  transform: scale(1.06);
  opacity:.9;
  background-color: rgba(255,179,107,.2)!important; /*ホバー時の背景色*/
}
.entry-count {
  border-radius: 25%;
  float:right;
  padding: 0 1em;
}

.widget_categories ul li a:before{
  font-family: "Font Awesome 5 Free";
  content: "f07b";
  color:#92ccfb; /*親カテゴリのアイコンの色*/
  font-weight: 900;
  padding-right: 7px;
}
li.cat-item li a {
  color: #777; /*文字色*/
}
li.cat-item ul li a:before{
  color:#92ccfb!important; /*子カテゴリのアイコンの色*/
}
li.cat-item a:hover {
  transform: scale(1.06);
  opacity:.9;
  background-color: rgba(146,204,251,.2)!important; /*ホバー時の背景色*/
}
.entry-count {
  border-radius: 25%;
  float:right;
  padding: 0 1em;
}