「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマSWEETYで固定ページテンプレートのスマホ表示をカスタマイズする方法

Q.固定ページテンプレートの表示をカスタマイズしたい

SWEETYにて固定ページのテンプレートの表示を変更したいです。方法はありますか?

labo50
変更前の表示

labo51
変更後の表示

A.下記のcssファイルの該当箇所を編集してください

①まずは、FTPソフトでサーバーから下記のファイルをダウンロードください。
編集するファイル:style-mobile.css

おすすめのFTPソフトはこちらを参考下さい。
初心者におすすめの無料FTPソフトベスト3

ファイルの場所は、
/お客様ドメイン/public_html/wp-content/themes/sweety_tcd029/mobile
の位置にあります。

編集する箇所:

   #page_template3 .row2 img {
 display:block;
 float:left;
 height:auto;
 margin:0 15px 15px 0;
 width:180px;
}

  #page_template3 .row2 img {
 display:block;
 float:left;
 height:auto;
 margin:0 15px 15px 0;
 width:100%;
}

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事