AFFINGERの設定についての質問があります。ご回答いただけると幸いです…

Affinger
ユーザー716さん
ユーザー716

AFFINGERの設定についての質問があります。
ご回答いただけると幸いです。

■質問
AFFINGERのタブ(切り替えボタン)で、記事の表示を切り替えられるように添付画像のように設定しています。
PCでの表示は問題ないのですが、スマホでの表示の際にサムネイル画像右の記事タイトルの文字サイズを小さくしたいのですが、方法が分かりません。
どなたかご教示いただけないでしょうか。

対象ページはトップページであり、現状は固定ページをトップページ設定としています。
トップページ内の対象コードは以下の内容です。
---------------------------------
[st-tab-content memo="全体を包むボックスです" type="button" myclass="st-radius"]
[st-input-tab webicon="" text="新着記事" bgcolor="#273b69" bordercolor="#ffffff" color="#ffffff" fontweight="" checked="checked"]
[st-input-tab webicon="" text="製品レビュー" bgcolor="#273b69" bordercolor="#ffffff" color="#ffffff" fontweight="" checked=""]
[st-input-tab webicon="" text="革の手入れ" bgcolor="#273b69" bordercolor="#ffffff" color="#ffffff" fontweight="" checked=""]
[st-input-tab webicon="" text="プレゼント" bgcolor="#273b69" bordercolor="#ffffff" color="#ffffff" fontweight="" checked=""]
[st-tab-main bgcolor="" bordercolor=""]

[st-catgroup cat="0" page="7" order="desc" orderby="id" child="on" slide="off" slides_to_show="3,3,2" slide_date="" slide_more="ReadMore" slide_center="on"]

[/st-tab-main][st-tab-main bgcolor="" bordercolor=""]

[st-catgroup cat="3" page="7" order="desc" orderby="id" child="on" slide="off" slides_to_show="3,3,2" slide_date="" slide_more="ReadMore" slide_center="off"]

[/st-tab-main][st-tab-main bgcolor="" bordercolor=""]

[st-catgroup cat="7" page="7" order="desc" orderby="id" child="on" slide="off" slides_to_show="3,3,2" slide_date="" slide_more="ReadMore" slide_center="off"]

[/st-tab-main][st-tab-main bgcolor="" bordercolor=""]

[st-catgroup cat="6" page="7" order="desc" orderby="id" child="on" slide="off" slides_to_show="3,3,2" slide_date="" slide_more="ReadMore" slide_center="off"]

[/st-tab-main]
[/st-tab-content]
---------------------------------

ブログURL:https://leather-researcher.site/

以上です。
よろしくお願いいたします。

添付された画像

みんなのコメント 2件

ユーザー694さん
ユーザー694さん

オシャレなブログですね🤗
Affinger使ったことありませんので推測ですが、
子テーマを適用して自作のCSSを追記しないと難しいんじゃないでしょうか。

CSSのサンプルを書き込みたいのですがはじかれてしまい書けません。
必要であればTwitterのメッセージか何かでお渡しします。

ユーザー716さん
ユーザー716さん質問者

ご回答ありがとうございます!
また、ご返信が遅くなり申し訳ございません。
CSSのサンプル、ぜひ参考にさせていただきたいのでTwitterのDMでご連絡させていただきます。

あなたの経験や知識を共有しませんか?

ほかのユーザーの相談に、コメントで参加してみましょう。

ログインしてコメントするはじめての方は無料登録