フッターの背景色が変わらない

♥ 0

いいねをした人: 居ません

このトピックには5件の返信、2人の参加者があり、最後にIEDASAKIにより1日前に更新されました。

6件の投稿を表示中 - 1 - 6件目 (全6件中)

投稿者

投稿
2024年12月16日 1:25 PM #143248

IEDASAKI
参加者

♥ 0

【お使いの Snow Monkey のバージョン】6.7.1
【お使いの Snow Monkey Blocks のバージョン】22.3.1
【お使いの Snow Monkey Editor のバージョン】10.1.0
【お使いのブラウザ】Crome
【当該サイトのURL】

### 実現したいこと

フッターの背景色#417fd0と文字色#fffffffを変えたい

フッターカテゴリー名の横の黒い棒線を白にしたい

### 発生している問題

追加CSSに入れても反映しない

### 試したこと

①https://snow-monkey.2inc.org/2019/06/01/footer-sticky-nav-color/　ここのCSS入力するも反映しない

②検証ツールからCSS入力し、反映することを確認→カスタマイズ→追加CSS入力するも反映しない

すみませんが、ご教示いただけましたら幸いでございます。

何卒よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

2024年12月16日 1:36 PM #143249

IEDASAKI
参加者

♥ 0

♥ 0

いいねをした人: 居ません

2024年12月17日 12:24 AM #143252
キタジマタカシ
参加者

♥ 2447
こちらの環境では反映されているっぽく見えますね…。
```
.l-footer {
  background-color: #417fd0;
  color: #fff;
}
```
としてみました。それでもダメなら !important を付けて詳細度を強めてみるとどうでしょうか？

♥ 0

いいねをした人: 居ません
2024年12月17日 12:31 PM #143254

IEDASAKI
参加者

♥ 0

試しもしていただきありがとうございます！

!importantと上記コードも入れてみたのですが、反映せず・・・

再起動等試みたのですが反映せずでした・・

他にヘッダー要素の追加CSSもないため、自分の中で手を尽くしてしまった感があるのですが、他に考えられることありますでしょうか・・？

同様の事象が起こった方がもしいましたら試したことアドバイスいただけますとありがたいですm(_ _)m

♥ 0

いいねをした人: 居ません

2024年12月17日 12:34 PM #143255

キタジマタカシ
参加者

♥ 2447

あと可能性があるとすれば、追加 CSS の中に書いている CSS のどこかにシンタックスエラーがあって、そこ以降の CSS が効かなくなっているとかですかね？追加 CSS の中身をここにまるっとコピペいただけたら、こちらの環境に貼り付けて試してみます。

♥ 0

いいねをした人: 居ません

2024年12月17日 12:41 PM #143256

IEDASAKI
参加者

♥ 0

ありがとうございますm(_ _)m

無茶苦茶かもしれませんが、、お言葉に甘えてコピペさせていただきます！m(_ _)m

/*フォント指定*/
body {
font-family: “Hiragino Kaku Gothic Pro”, “ヒラギノ角ゴ Pro”, “Hiragino Sans”, “ヒラギノ角ゴシック”, sans-serif;
}
/*ヘッダー背景*/.l-header {
background-color: #5388d9;
}

:not(.l-header__drop-nav) .p-global-nav .c-navbar__submenu {
background-color: #5388d9;
}

:not(.l-header__drop-nav) .p-global-nav .c-navbar__item > .c-navbar__submenu::before {
display: none;
}

:not(.l-header__drop-nav) .p-global-nav .c-navbar__subitem > a {
color: #111;
}
/*ティザーサイト縦線非表示*/
is-style-plain-about-open{
display:none
}
/*レスポンシブ*/
@media screen and (max-width:768px){
/*トップイメージタブレット*/
.top-image {
width: 600px;
} }
@media screen and (max-width:480px){
/*トップイメージスマホ*/
.top-image {
width: 200px;
} }

@media screen (max-width:768px){
/*トップ見出しタブレット*/
.hoge {
font-size: 15px;
} }
@media screen and (max-width:480px){
/*トップイメージスマホ*/
.hoge {
font-size: 9px;
} }
/*テキストシャドウ*/
cell{text-shadow: 1px 2px 3px #ffffff; }

/*背景色*/
element.style {
background-color: #ffffff;
}
/*タイトル非表示*/
h1.c-entry__title {
display: none;
}

/*スマホ*/
@media screen and (max-width: 640px) {
html {
margin-top: 0 !important;
}

body {
font-size: 13px;
}

body,
#mainvisual,
header,
footer,
nav,
.slider,
.mainvisual_wrapper {
min-width: 100%;
}

body.page #mainvisual .inner,
body.archive #mainvisual .inner,
body.single #mainvisual .inner,
body.home #mainvisual .inner,
body.error404 #mainvisual .inner {
max-width: 100%;
}

html #wpadminbar {
display: none;
}

body,
#mainvisualvisual,
header,
footer {
width: 100%;
min-width: 100%;
}
/*不妊治療子宮イラスト*/
fertility-treatment-uterus-sme-hidden-sm.{
position:absolute;
display:inline-block
top:5px;
right:-15px;
margin-top:0;
width:20px
}
/*下部Map*/
div#block-e3f09eeb-6d89-4d35-b1e1-4763d48b2d83 {
display: flex;
align-items: center;
justify-content: center;
}
/*フッター*/
.l-footer {
background-color: #5388d9!important;
color: #fff!important;
}

/*topページFV*/
top-mv {
display: flex;
}
top-mv__mv {
width: 66%;
}
@media only screen and (max-width:767px) {
top-mv__mv {
width: 100%;
}
}
top-mv__feature {
width: 34%;
flex: 1;
}
@media only screen and (max-width:767px) {
top-mv__feature {
width: 100%;
}
}
@media only screen and (max-width:767px) {
top-mv {
flex-direction: column;
}
}

top-feature {
width: 100%;
position: relative;
padding-bottom: 0;
}
top-feature__container {
width: 100%;
position: relative;
}
@media only screen and (max-width:767px) {
top-feature__container {
margin-top: 0;
}
}

top-featureList {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
top-featureList li {
width: 50%;
background: white;
border-right: 0;
text-align: center;
color: #263137;
}
top-featureList li a {
display: block;
transition: all 0.3s;
position: relative;
}
top-featureList li span {
position: relative;
}
top-featureList li p {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(186, 179, 216, 0.25);
}
@media only screen and (max-width:767px) {
top-featureList li p {
font-size: 1.2rem;
}
}
top-featureList li a:hover {
opacity: 0.6;
cursor: pointer;
}
@media only screen and (max-width:767px) {
top-featureList li {
position: relative;
padding: 0;
margin-bottom: 0;
border-right: solid 1px #f3f3f3;
border-bottom: 0;
}
top-featureList li:first-child img {
left: 38px;
}
top-featureList li:last-child {
border-bottom: solid 1px #f3f3f3;
}
}
top-featureList li img {
width: 100%;
height: auto;
}
top-featureList p {
font-size: 1.6rem;
line-height: 1.75;
min-height: 5em;
margin-bottom: 44px;
}

♥ 0

いいねをした人: 居ません
投稿者

投稿