記事下のフォローボックスの背景をグラデーションにする

カスタマイズする準備

フォローボックスを表示

表示の設定をしている方はすっ飛ばしてください。

チェックを入れて、フォローボックスを表示させておきましょう。

これでSANGO側の準備はできました。

3つのコード追加方法

カスタマイズのコードを追加する

/*--------------------------------------
  フォローボックスをグラデーションに変更
--------------------------------------*/
.sns-dif ul, .like_box {
    background: linear-gradient(to right,#dff3fd,#e3f6df);
}
@media only screen and (min-width: 768px){
.sns-dif + .like_box {
    background: linear-gradient(to right,#dff3fd,#e3f6df);
}}

グラデーション参考サイト

出典｜uigradientsより

わたしのグラデーションはTwitterの色（#7dcdf7）とLINEの色（#8ed97a）をつかいました。色はお好みで変更しましょう。

うまくいったか確認

コードを追加したあとにちゃんと反映されているか確認します。

まとめ・雑談