クレジット表示の中央寄せ

デフォルトでは左寄せ。だが…

 著作権表示を変更するにはProプランにアップグレードしなければならないそうですが,

 位置を変えるだけならFreeプランでできます.

 その方法を紹介します.

 

 デフォルトでは左寄せしかできないようにみえます.

 しかし,CSSでなんとかなるのです.

!importantを使ってみる

 開発ではあまり使われないべきな!importantを使ってみます.

 CSSで「!」から始まる書き方もあります.

 

 フッターのHTMLのなかに次の個所があります.

 

    <footer id="footer">

        <div id="contentfooter" data-container="footer">

             <div class="leftrow">

                 <p> クレジット表示 </p>

 

 ここで,次の2つのCSSを書き足します.

 

#footer leftrow {

    width: 100%!important;

}

 

#footer leftrow p {

    text-align: center;

}

 

 !importantは「なによりも優先して効かせる!」という意味です.

 ほかのどこのファイルで #footer leftrow の width を指定していても,

 ここで決めているwidthを優先して効かせる!

 ことができます.

(つづく)