aniya さん
わざわざありがとうございます。
2か所あったんですね!
私は、1ヶ所だけ見つけて、
その部分だけ、ダイナミックに変更・削除してみて
ダメだったのであきらめてしまいっていました。
折角、追跡してくださったので、参考にさせて戴きます。
ありがとうございます。
Re: パソコン表示のHeader Site Titleの白い枠線を非表示にし、Header Navigationを表示に戻したい
2021年2月13日 at 11:52
aniyaさん
再度取り上げて戴いてありがとうございます。
デベロッパーツールの存在は知っていましたが、
該当箇所をポイントしてから、デベロッパーツールを開くと
該当のHTMLやCSSを直接開けることは知らなかったので勉強になりました。
ありがとうございます。
そこで、結論から申し上げますと、
該当箇所のCSSの変更を試みたのですが、
余計な枠線(この場合は下線のみ)を消すことができませんでした。
Grepツールで、デベロッパーツールで表示されたCSS近辺のクラス(.front-page、 .header-logo など)を指定してlessの検索をしてみたのですが、
今のところ、
余計な枠線部分を見つけ切れていません。
とりあえず、余計な枠線を消すことをあきらめて
通常の四角枠と枠内のタイトル表示(デフォルト表示)に戻しました。
他に、情報(ヒント)が無い場合は、このスレッドをクローズして戴いて構いません。
ありがとうございます。
Re: Re: Re: パソコン表示のHeader Site Titleの白い枠線を非表示にし、Header Navigationを表示に戻したい
2021年2月13日 at 22:16
お世話様です。
変更箇所が分かりましたので、報告と情報共有です。
ちなみに、ローカルの開発環境(MAMP、Stucco バージョン 2.1.5)です。
まずは
<div class="header-logo col-xs-9">
に適用されている下記cssを外します(添付画像1.jpg)。
background: rgba(0,0,0,0.3);
border: solid 2px #fff;
↑は、
C:\MAMP\htdocs\stucco\packages\theme_stucco\themes\stucco\css\build\front-page.less
front-page.less 182Line 183Line
182 background: rgba(0,0,0,0.3);
183 border: solid 2px #fff;
です。(こちらの変更を漏らしていました。)
"header-logo col-xs-9"は、見つけることができず(header_home.phpの 12line から始まる記述に<div class="header-logo col-xs-9">の定義がありました。)
その上で子要素<p>の中にある
<a href="http://localhost:8888/index.php">Stucco</a>
に適用されている下記cssを外します(添付画像2.jpg)。
outline: 2px solid;
outline-color: #fff;
outline-offset: 0;
↑は、
C:\MAMP\htdocs\stucco\packages\theme_stucco\themes\stucco\css\build\front-page.less
front-page.less 197Line 198Line 199Line
197 outline: 2px solid;
198 outline-color: #fff;
199 outline-offset: 0;
です(こちらのみの変更で済ませていた為、上手くなかった様です。)
以上です。
ありがとうございます。
変更箇所が分かりましたので、報告と情報共有です。
ちなみに、ローカルの開発環境(MAMP、Stucco バージョン 2.1.5)です。
まずは
<div class="header-logo col-xs-9">
に適用されている下記cssを外します(添付画像1.jpg)。
background: rgba(0,0,0,0.3);
border: solid 2px #fff;
↑は、
C:\MAMP\htdocs\stucco\packages\theme_stucco\themes\stucco\css\build\front-page.less
front-page.less 182Line 183Line
182 background: rgba(0,0,0,0.3);
183 border: solid 2px #fff;
です。(こちらの変更を漏らしていました。)
"header-logo col-xs-9"は、見つけることができず(header_home.phpの 12line から始まる記述に<div class="header-logo col-xs-9">の定義がありました。)
その上で子要素<p>の中にある
<a href="http://localhost:8888/index.php">Stucco</a>
に適用されている下記cssを外します(添付画像2.jpg)。
outline: 2px solid;
outline-color: #fff;
outline-offset: 0;
↑は、
C:\MAMP\htdocs\stucco\packages\theme_stucco\themes\stucco\css\build\front-page.less
front-page.less 197Line 198Line 199Line
197 outline: 2px solid;
198 outline-color: #fff;
199 outline-offset: 0;
です(こちらのみの変更で済ませていた為、上手くなかった様です。)
以上です。
ありがとうございます。
Your post has been saved and will be published after approval by the forum moderator.
aniya
Re: Re: パソコン表示のHeader Site Titleの白い枠線を非表示にし、Header Navigationを表示に戻したい
気にされている白線は2つの要素で構成されていますので、
1箇所のみ修正しても消しきれません。
該当箇所は次の通り。
まずは
<div class="header-logo col-xs-9">
に適用されている下記cssを外します(添付画像1.jpg)。
background: rgba(0,0,0,0.3);
border: solid 2px #fff;
その上で子要素<p>の中にある
<a href="http://localhost:8888/index.php">Stucco</a>
に適用されている下記cssを外します(添付画像2.jpg)。
outline: 2px solid;
outline-color: #fff;
outline-offset: 0;
これで消えます。ご確認ください。
なお、どのlessファイルに記載があるかはご自身で調べられると思うので
こちらでは探しておりません。
私が知っている限りこのフォーラムにスレッドをクローズする機能はありませんので、
また何かありましたらいつでも追記ください。