Cocoonフォーラム

2018.02.102023.01.25

書き込みの前に以下の3点をご確認ください。

1つのトピックにつき1つの質問を書き込んでください
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL：

相談内容：

不具合の発生手順：

解決のために試したこと：

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

共有:

通知

すべてクリア

[解決済] スキン「Veilnui Simplog」、追加したSNSアイコンへの対応が漏れている

スキンの不具合

最新の投稿 : わいひら 9か月前

4 投稿

2 ユーザー

2 Reactions

608 表示

RSS

chu-ya

(@chu-ya)

Famed Member Registered

結合: 3年前

投稿: 2895

Topic starter 2024年2月12日 16:04

----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.0.1
カテゴリー数：10
タグ数：11
ユーザー数：1
----------------------------------------------
●設定

以下のスキン

Veilnui Simplog (amber)
Veilnui Simplog (blue)
Veilnui Simplog (brown)
Veilnui Simplog (cyan)
Veilnui Simplog (deep orange)
Veilnui Simplog (deep purple)
Veilnui Simplog (green)
Veilnui Simplog (indigo)
Veilnui Simplog (light blue)
Veilnui Simplog (light green)
Veilnui Simplog (lime)
Veilnui Simplog (orange)
Veilnui Simplog (pink)
Veilnui Simplog (purple)
Veilnui Simplog (red)
Veilnui Simplog (teal)
Veilnui Simplog (yellow)

●現象

プロフィール下の追加したSNSボタンの定義漏れている。

●原因

以下のCSSが漏れている。
追加

mastodon
bluesky
misskey

元から

TikTok
soundcloud

●対策

以下のCSSを追加する。

/* mastodon */
#sidebar .widget_author_box .author-box .mastodon-button,
#slide-in-sidebar .widget_author_box .author-box .mastodon-button {
  background-color: var(--cocoon-mastodon-color);
}

/* bluesky */
#sidebar .widget_author_box .author-box .bluesky-button,
#slide-in-sidebar .widget_author_box .author-box .bluesky-button {
  background-color: var(--cocoon-bluesky-color);
}

/* misskey */
#sidebar .widget_author_box .author-box .misskey-button,
#slide-in-sidebar .widget_author_box .author-box .misskey-button {
  background-color: var(--cocoon-misskey-color);
}

/* tiktok */
#sidebar .widget_author_box .author-box .tiktok-button,
#slide-in-sidebar .widget_author_box .author-box .tiktok-button {
  background-color: var(--cocoon-tiktok-color);
}

/* soundcloud */
#sidebar .widget_author_box .author-box .soundcloud-button,
#slide-in-sidebar .widget_author_box .author-box .soundcloud-button {
  background-color: var(--cocoon-soundcloud-color);
}

わいひら reacted

わいひら

(@yhira)

Illustrious Memberサイト Admin

結合: 7年前

投稿: 17179

2024年2月12日 19:28

ご連絡ありがとうございます。
また修正コードまで頂き感謝申し上げます。
Veilnui Simplogはサイドバーに置いたプロフィールボックスのフォローボタンの色がまた違うんですね。
コードを適用させていただいて修正させていただきました。
https://github.com/xserver-inc/cocoon/commit/ee2e332fc4c034ab5b3d483f1a144502d625da6d