先週の週刊concrete5で取り上げました。
http://www.youtube.com/watch?v=7zqXu5i6LJk
30：52あたりです。
参考にしてみてください。

aniya さん


取り上げて戴きありがとうございます。

「HeaderSiteTitleの枠線の残りに下の白線問題」は、
現時点では、２つの観点から、あきらめています。

他の方たちへ「もしかして参考になるかと思い」
長文になってしまいますが、シェアさせて戴きます。



1つ目、
枠線定義は、front-page.lessで指定している様ですが、
（最も他で定義されているかも知れませんが、今のところ見つけ切れていません）

\stucco\packages\theme_stucco\themes\stucco\css\build\front-page.lessの


176Lineから始まる、.header-logo{
を以下の様に変更しています。
　
182Lineを　background: rgba(0,0,0,0.3); を　消去
183Lineの　border: solid 2px #fff; 　　　を　　border: ridge 4px #fff;　　変更

border:を消去しなかった理由は、消去しても「下の白線だけが残る為と」

もう一つの理由は、
HeaderSiteTitleのエリアのデザイン編集（デザイン＆カスタムテンプレート）の
鉛筆アイコンでの編集でデバイス毎の表示指定が
デバイス・アイコンのクリックで一見グレーアウト（表示無効設定）となって見えていて「保存」しても、
実際の各デバイス（iPhone,iPad,PC）での表示では、無効になったりならなかったり
（原因不明。キャッシュクリアしても状況は変わらず、何度か鉛筆アイコンでの編集で繰り返すと反映される場合もある）

からです。



また、スライダー画像のスライド最大幅の指定は、画像ブロックのオプション指定で出来るのですが、

最大高さの指定が無く

調べてみるとimage-slider.lessでの指定の様です。
C:\MAMP\htdocs\stucco\packages\theme_stucco\themes\stucco\css\build\blocks\image-slider.less

1　 .ccm-image-slider-container {
|
19 .rslides li {
20 max-height: 480px;

20Lineで　480pxと指定がありました。

Stuccoのデフォルト画像は、1600×945pxの画像が使われて（16：9と、16：10の間）いて
デフォルトの＜ｈ２＞や＜ｐ＞の表示では、スライダー内の文字が小さすぎる点で

当初は、画像に文字埋め込みで行って（1600×945pxや1600×900px、1280＊720px）を使っていました
これを、max-height: 480px;のまま、使用した結果が

質問させて戴いたものです。



その後、1024×576pxの画像を作り、max-height: 576px;に設定し
文字は埋め込みではなく、

＜ｐ＞欄に、HTMLで、直接

＜h2 style="color:white; text-shadow: -2px -2px 0 red, 2px -2px 0 red, -2px 2px 0 red, 2px 2px 0 red;"><span style="font-size:26px;"><strong>どうやって医院を探しますか？</strong></span></h2＞

＜h3 style="color:white; text-shadow: -2px -2px 0 red, 2px -2px 0 red, -2px 2px 0 red, 2px 2px 0 red;"><span style="font-size:22px;"><strong>あなたは、どんな方法でお医者さんを探しますか？</strong></span></h3＞

などと書いています。

結果、
スライダー表示では、文字の背景が真っ黒になってしまい背景画像が台無しになってしまいました。

対応は、
image-slider.lessの28Line（元々は空白行）に
28 background: #00000029;

とすることで、半透明にし回避しています。

また、画像は、1152×648pxを用意し、max-height: 648px;に設定しています。

欲を言えば、1280×720pxで、max-height: 720px;にしたいのですが、


WUXGA(1920×1200　16:10)や、FHD（1920×1080 16：9）、（2048×1152　4：2.25）
では、スライダー画像だけで画面を占めて仕舞い、最下段にグローバルナビが表示される事になるので

1152×648px画像で、max-height: 648px;に設定しています。

（Topページは（全面画像で、最下段にグローバルナビが表示されるサイトも良く見かけるのですが、）
一般的な物なのでしょうか？）

以上よろしくお願いいたします。

引き続き2021/1/22に配信した「第377回 週刊 concrete5」で取り上げました。
http://www.youtube.com/watch?v=oLcg8x0HKJQ
42分37秒あたりを参照してみてください。

aniyaさん
再度取り上げて戴いてありがとうございます。

デベロッパーツールの存在は知っていましたが、
該当箇所をポイントしてから、デベロッパーツールを開くと
該当のHTMLやCSSを直接開けることは知らなかったので勉強になりました。
ありがとうございます。

そこで、結論から申し上げますと、
該当箇所のCSSの変更を試みたのですが、
余計な枠線（この場合は下線のみ）を消すことができませんでした。

Grepツールで、デベロッパーツールで表示されたCSS近辺のクラス（.front-page、 .header-logo など）を指定してlessの検索をしてみたのですが、
今のところ、
余計な枠線部分を見つけ切れていません。

とりあえず、余計な枠線を消すことをあきらめて
通常の四角枠と枠内のタイトル表示(デフォルト表示）に戻しました。

他に、情報（ヒント）が無い場合は、このスレッドをクローズして戴いて構いません。

ありがとうございます。

今更ながら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ファイルに記載があるかはご自身で調べられると思うので
こちらでは探しておりません。

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

aniya　さん

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

２か所あったんですね！

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


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


ありがとうございます。

お世話様です。

変更箇所が分かりましたので、報告と情報共有です。
ちなみに、ローカルの開発環境（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;
です（こちらのみの変更で済ませていた為、上手くなかった様です。）

以上です。

ありがとうございます。