none
サイドリンクバーを特定ページのみ非表示にしたい RRS feed

  • 質問

  • チームサイトページの編集を行っています。

    いずれトップページのデザインとする案を、下位のページで試しながら作成しています。

    トップページ(現在の下位ページ)のみ、サイドリンクバーを非表示にしたく

    それらしき記載を見つけ、埋め込みコードに下記のコードを挿入してみました。

    =======

    <style type="text/css">
    #sideNavBox {display: none;}
    #contentBox {margin-left: 20px;}
    </style>

    =======

    編集の保存を押すまでは、サイドリンクバーが消えているのですが、保存を押すと

    表示されています。

    試しにトップページでも挿入してみましたが

    同じ状態です。

    どこかの設定で上書きされているのでしょうか。

    ご教示くださいませ。

    2019年7月10日 8:34

すべての返信

  • こんにちは

    私はWebパーツのスクリプトエディターを使って下記コードを埋め込んでいます。
    複数ページに展開するのであればHTMLファイルに記載するか、cssファイルをincludeしているHTMLファイルをコンテンツエディターを使って参照するのが良いと思います。
    mergin-leftに!importantl;をつけていますが、これがないと標準のcssが優先的に適用されてしまった気がします。

    <style> #sideNavBox {display: none; } #contentBox { margin-left:20px !important; } </style>

    2019年7月12日 6:37
  • こんにちは。

    アドバイス、ありがとうございます!

    同様に、スクリプトエディターで埋め込んでいます。

    編集中は消えるのですが、保存を押すと復活してしまい、

    「important」を加えても同じ状況になります。

    htmlソースに直接書き込んだ場合は、保存後、styleの中が消えてしまっています。

    悩ましいです。

    2019年7月17日 0:40
  • 私の手元の環境では、スクリプトエディター Web パーツで上手くサイドバーを非表示にすることができました…

    もしどうしてもダメなようであれば、コンテンツ エディター Web パーツを利用して、設定で Style タグの記述を書いたテキストファイルを指定してみると良いかもしれません。

    2019年7月22日 4:48