新しい Theme component を作成し、フォントを上書きできると思います。
このコンピューターは変更できるかもしれませんが、Google Fonts でお好みのフォントが見つかるかもしれません。
ヘッダーは CSS でターゲットにして調整できると思います。
お探しのものとは少し違うかもしれませんが、興味深いかもしれません。
皆さん、こんにちは
素晴らしいテーマをありがとうございます！
ただ、少し困っていることがあります。モバイルでプロフィール設定のタブの一部に背景が単色で表示されず、少し奇妙に見えることに気づきました。参考画像はこちらです。
エラーページもモバイル版では同じようになっています。デスクトップ/タブレット表示ではすべて問題ありませんが、モバイル版ではCSSが異なるようです。
これを変更する方法や場所をご存知の方はいらっしゃいますか？コーディングの経験がないのですが、開発者に依頼する必要があるでしょうか？
「いいね！」 1
Metaへようこそ！
そうは思いません。これは#official themeなので、Discourseチームによって保守されています。しかし、ここで共有されている他のテーマでさえ、問題が報告されたときに保守担当者によって修正されることがよくあります。
ここであなたの問題を再現できます。あなたのスクリーンショットよりもさらに悪く見えます。なぜなら、メッセージプレビューが画面よりも幅広だからです。
「いいね！」 1
このCSSをお試しください。
.topic-list {
.topic-list-header .posts,
.topic-list-body .posts {
display: none !important;
}
}
「いいね！」 2
はい、このように隠そうとしました。通常のdivは隠れますが、tdではうまくいきません。いくつかのオプションを試しました。
.td.num.posts... {
display: none;
}
.td:num.posts... {
display: none;
}
「いいね！」 1
CSSをテストしましたが、私には機能しました。テストしましたか？
このテーマには!importantが欠けています。
「いいね！」 3
@chapoiさん、ありがとうございます。
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posters {
display: none;
}
「いいね！」 3
main-outlet クラスに margin-top があります。
以下を追加してください。
html body #main-outlet {
margin-top: 0;
}
まだ使ったことはありませんが、CSSのルート要素に topic-width 設定があります。
これを追加すると、すべてが適応するはずです。
:root {
--topic-body-width: 750px;
}
「いいね！」 1
同時に、それは正常に見えます。ありがとうございます
.container.posts {
grid-template-columns: 90% 10%;
}
共有ありがとうございます！すぐに確認します。
「いいね！」 1
これは、PRの最新のマージで修正されました。
「いいね！」 1
このように、対称的な角丸で背景画像を切り抜く方法を教えてください。
現在のコードは以下のようになっています。
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://site/uploads/default/original/2X/2/26d48362654a9e03c716eeaff4a176cbbd01d6b8.png);
background-size: cover;
}
「いいね！」 1
クリップパスプロパティを編集する必要があります。詳細については、css tricksのようなサイトで確認できます。
「いいね！」 2
Metaでこちらのテーマを使用すると、引用、編集、引用のコピー、AIへの質問の前のアイコンが非表示になります。
「いいね！」 1
うーん、どのような配色を使用していますか？それの背景はテーマが使用しているものではありません。
WCAG Light には確かに問題がありますが、「テーマデフォルト」に変更しました。
それでも同じでした。カラー スキームが保存されていることを確認するために更新しましたが、カラー スキームの変更に関する私の問題の影響を受けていないことを願っています。デフォルトのカラー スキームに変更した後、背景の青が明るくなりました。
「いいね！」 2