[Hokoku_kinzoku]

石川＠Vektor,Inc.さん
対馬さん

お二方のやり方で設定すると、無事ホームアイコンを非表示にできました。
ありがとうございます！

また石川さんがおっしゃられていたように、プラグインか何ら化の設定の影響があったようで、関係しそうなプラグインを削除すると、無事Chiaki KさんのCSS設定でホームアイコンを非表示にすることができました。

お助けいただき、本当にありがとうございました。

[Hokoku_kinzoku]

上記2点は試しましたが、変化なしでした。

3点目は、.breadcrumb-list i{ display: none; }のみを固定ページの追加CSSに記述しましたが変化なしでした。
ただ、すでに記述しているパンくずに関連するCSSが邪魔している可能性があるかもしれません。
なので、現在記述している固定ページの追加CSSと、URLを下記に記述いたしました。

よろしくお願い致します。

＿

.breadcrumb-list i{ display: none; }

@media (min-width: 992px) {

.page-header {
height: 200px;
}
}

.c-breadcrumb a {
display: flex;
align-items: center;
font-size: 12px;
font-size: .75rem;
line-height: 1.667;
font-family: TazuganeGothicStdN-Regular,sans-serif;
color: #f0f2f2;
}
.breadcrumb .fa-home {
display: none; /*非表示*/

}

.c-breadcrumb a:after {
color:#989898;
margin-left: 0px;
font-size: 12px;
font-size: .75rem;
line-height: 1.667;
content: “>”;
}

.breadcrumb {
color:#989898;
text-align: left;
align-items: left;
padding: 5px 0 5px 38px;
background-color: #f0f2f2;
margin: 0;
padding: 0;
list-style: none;

}

.breadcrumb li {
display: inline;/*横に並ぶように*/
list-style: none;
font-weight: ;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
content: ‘>’;
padding: 0 0.2em;
color: #989898;
}

.breadcrumb li:last-child:after {
content: ”;
}

.breadcrumb li a {
text-decoration: none;
color: #989898;/*色*/
}

.breadcrumb li a:hover {
text-decoration: underline;
}
}
＿

URL:
https://www.hokokukinzoku.co.jp/faq?preview_id=140&preview_nonce=642264de4d&preview=true

• この返信は1年、 7ヶ月前にHokoku_kinzokuが編集しました。

[Hokoku_kinzoku]

◯外観 ＞ カスタマイズ ＞ 追加CSS

◯ExUnit ＞ CSSカスタマイズ

両方とも、
.breadcrumb-list i{ display: none; }

をCSSを記述してみましたが、やはりパンくずリストのホームアイコンを非表示されませんでした。

[Hokoku_kinzoku]

ご回答ありがとうございます！

VK パターンライブラリ の 工務店TOP（下の方に4カラムのバナー） をコピーし、
無事、カバーブロックの画像をマウスオーバーした時、画像を透過させるかつズーム表示させることができました。

ご丁寧に説明いただきありがとうございました！

[投稿者]

投稿