Iceman
(Iceman)
1
こんにちは、皆さん。
カテゴリページで、カテゴリ画像の位置を CSS で変更する方法はありますか?
つまり、デフォルトでは画像はカテゴリ名の「左側」に配置され、カテゴリのタイトルと説明の両方の高さを埋めようとします。しかし、モバイルでは画像がその場に留まってしまい、カテゴリタイトルの前後に配置したいのですが、どうやらそれができないようです。
category-text-title と category-logo aspect-image で試してみましたが、適切に揃えることができません。「カテゴリと最近のトピック」スタイルを使用しています。
アドバイスいただければ幸いです!
テーマのモバイル用スタイルシートで以下のように設定することで、モバイル端末で画像をカテゴリ名の前に配置できます。
.category-title-link {
// 要素の並び替えを可能にし、同じ行に強制します
display: flex;
}
.category-text-title {
// タイトルの順序を画像の後に変更します
order: 2;
}
.categories-list .category .category-logo.aspect-image {
// 不要になった画像の余分なマージンを削除します
margin-top: 0;
}
Iceman
(Iceman)
3
1000 万回ありがとう!
さらに、コメントまでありがとうございます。こうすれば学びやすくなります。これで、別のテーマで画像を中央揃えにする方法を試してみられます。本当にありがとうございます!