Re: Re: パソコン表示のHeader Site Titleの白い枠線を非表示にし、Header Navigationを表示に戻したい

2021年2月13日 at 19:23

今更ながらStucco(最新版2.1.6)を導入し、検証してみました。
気にされている白線は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ファイルに記載があるかはご自身で調べられると思うので
こちらでは探しておりません。

私が知っている限りこのフォーラムにスレッドをクローズする機能はありませんので、
また何かありましたらいつでも追記ください。

添付: 1.jpg 2.jpg

Re: パソコン表示のHeader Site Titleの白い枠線を非表示にし、Header Navigationを表示に戻したい

2021年2月13日 at 20:10
aniya さん

わざわざありがとうございます。

2か所あったんですね!

私は、1ヶ所だけ見つけて、
その部分だけ、ダイナミックに変更・削除してみて
ダメだったのであきらめてしまいっていました。


折角、追跡してくださったので、参考にさせて戴きます。


ありがとうございます。
 

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;
です(こちらのみの変更で済ませていた為、上手くなかった様です。)

以上です。

ありがとうございます。