simplicityでのトップへ戻るの大きさ変更について

Simplicityの特徴 フォーラム Simplicityについての質問 simplicityでのトップへ戻るの大きさ変更について

このトピックには2件の返信が含まれ、1人の参加者がいます。7 ヶ月前 かうたっく さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #58942 返信

    dao

    始めまして。現在simplicityを利用させていただいているのですが、まずトップへ戻るの大きさを変更するためにsimplicityの親ファイルを編集しました。(子テーマに編集できるようなところはなかったので)。その後この親テーマで編集したものだけを子テーマに移したいのですがどうすればよいでしょうか?ネットで検索したところロリポップのFTを使って移すというものを見つけたのですが、親テーマで編集したものがどのファイルに入っているかわかりません。。。
    対処法を教えてください。どのようにトップへ戻るの大きさ変更を反映させましたか?

  • #58944 返信

    Akira

    トップへ戻るの大きさを変更するためには、子テーマの style.css に以下の CSS を追加します。

    #page-top a {
      padding: 16px;
    }

    数値が大きくなればなるほど、トップへ戻るボタンが大きくなります。

  • #58946 返信

    かうたっく

    画像の場合は以下の通りです。

    #page-top a img {
    	width: auto;
    	height: 60px;
    }
    
    /* 1111px以上の表示 */
    @media screen and (min-width: 1111px) {
    	#page-top a img {
    		width: auto;
    		height: 90px;
        }
    }

    上は全体のサイズ、下はPCビュー大画面用ですが不要なら上の4行のみでOKです。下min-width: 1111pxは画面幅です。メディアクエリで検索すれば分かりやすいかもしれません。

返信先: simplicityでのトップへ戻るの大きさ変更について
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)