フルワイドブロックの背景色をグラデーションにしたいです - SWELLに関する質問 https://users.swell-theme.com/forum/swell-forum/%e3%83%95%e3%83%ab%e3%83%af%e3%82%a4%e3%83%89%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c%e6%99%af%e8%89%b2%e3%82%92%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ab/ SWELLユーザー限定で利用可能な掲示板です。 ja Tue, 21 Jul 2026 14:00:52 +0000 wpForo 60 RE: フルワイドブロックの背景色をグラデーションにしたいです https://users.swell-theme.com/forum/swell-forum/%e3%83%95%e3%83%ab%e3%83%af%e3%82%a4%e3%83%89%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c%e6%99%af%e8%89%b2%e3%82%92%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ab/#post-12402 Tue, 30 Dec 2025 08:50:24 +0000 SWELLに関する質問 romiromiromi https://users.swell-theme.com/forum/swell-forum/%e3%83%95%e3%83%ab%e3%83%af%e3%82%a4%e3%83%89%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c%e6%99%af%e8%89%b2%e3%82%92%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ab/#post-12402 RE: フルワイドブロックの背景色をグラデーションにしたいです https://users.swell-theme.com/forum/swell-forum/%e3%83%95%e3%83%ab%e3%83%af%e3%82%a4%e3%83%89%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c%e6%99%af%e8%89%b2%e3%82%92%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ab/#post-12375 Mon, 22 Dec 2025 08:37:31 +0000 @japanese 

おー良かったです。

トピックを「解決済」になさってください😉

]]> SWELLに関する質問 かんた https://users.swell-theme.com/forum/swell-forum/%e3%83%95%e3%83%ab%e3%83%af%e3%82%a4%e3%83%89%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c%e6%99%af%e8%89%b2%e3%82%92%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ab/#post-12375 RE: フルワイドブロックの背景色をグラデーションにしたいです https://users.swell-theme.com/forum/swell-forum/%e3%83%95%e3%83%ab%e3%83%af%e3%82%a4%e3%83%89%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c%e6%99%af%e8%89%b2%e3%82%92%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ab/#post-12374 Mon, 22 Dec 2025 01:45:52 +0000 @swell_mania 

ありがとうございます！WAFをOFFにすると反映されました！！

]]> SWELLに関する質問 romiromiromi https://users.swell-theme.com/forum/swell-forum/%e3%83%95%e3%83%ab%e3%83%af%e3%82%a4%e3%83%89%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c%e6%99%af%e8%89%b2%e3%82%92%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ab/#post-12374 RE: フルワイドブロックの背景色をグラデーションにしたいです https://users.swell-theme.com/forum/swell-forum/%e3%83%95%e3%83%ab%e3%83%af%e3%82%a4%e3%83%89%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c%e6%99%af%e8%89%b2%e3%82%92%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ab/#post-12369 Wed, 17 Dec 2025 22:52:49 +0000 WAFの影響ではないでしょうか？

]]> SWELLに関する質問 かんた https://users.swell-theme.com/forum/swell-forum/%e3%83%95%e3%83%ab%e3%83%af%e3%82%a4%e3%83%89%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c%e6%99%af%e8%89%b2%e3%82%92%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ab/#post-12369 フルワイドブロックの背景色をグラデーションにしたいです https://users.swell-theme.com/forum/swell-forum/%e3%83%95%e3%83%ab%e3%83%af%e3%82%a4%e3%83%89%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c%e6%99%af%e8%89%b2%e3%82%92%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ab/#post-12365 Wed, 17 Dec 2025 09:10:57 +0000 フルワイドブロックの背景色をグラデーションにしたいです。

該当フルワイドブロックの「高度な設定」の「追加CSSクラス」に「gradient-BG」を追加しました。

 

その後、カスタマイズの追加CSSで、以下を追加したのですが、

-------------

/*グラデーション背景*/
.gradient-BG{
background-color:linear-gradient(90deg, #000e60, #0606fe);
}

-------------

「うまくいかなかったようです」と表示されてしまいます。

何度やっても同様の表示が出てしまいます。

CSSが間違っているのでしょうか？

ご教示いただければ助かります。

 

ちなみに追加CSSでは以下の記載をしており、

今回のグラデーションCSSは一番下に追加しました。

-------------

.l-fixHeader__inner{
backdrop-filter: blur(10px);
color:#000e60;
}
.l-header__menuBtn {
background-color:transparent;
}
 
/* Table Layout Form */
.form-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5em;
  color:#000e60;
}
 
.form-table th,
.form-table td {
    padding: 0.75em;
    border: 1px solid #ddd;
    text-align: left;
    vertical-align: top;
}
 
.form-table th {
    background-color: #f9f9f9;
    font-weight: bold;
    width: 25%;
}
 
.form-table th label {
    font-weight: bold;
}
 
 
.form-table td {
    width: 75%;
}
 
.form-control {
    width: 100%;
    padding: 0.5em;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
 
.form-control:focus {
    border-color: #5b9dd9;
    outline: none;
}
 
.required {
    background-color: red;
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.875em;
font-weight:bold;
}
 
.optional {
    background-color: #0000ff;
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.875em;
font-weight:bold;
}
 
.wpcf7-submit {
       display: block;
       margin: 0 auto;
   }
 
.CF7_btn{
text-align:center;
margin-top:20px;
}
 
 
@media (max-width: 768px) {
    .form-table th,
    .form-table td {
        display: block;
        width: 100%;
    }
 
    .form-table th {
        background-color: transparent;
        text-align: left;
    }
 
    .form-table td {
        margin-bottom: 1em;
    }
 
    .form-table td:last-child {
        margin-bottom: 0;
    }
}
 
/* TOPmsgスマホだけ改行 */
@media screen and (max-width: 450px) {
    .sp-break {
        display: inline; /* スマホでは改行を表示 */
    }
}
 
@media screen and (min-width: 451px) {
    .sp-break {
        display: none; /* PCでは改行を非表示 */
    }
}
 
/*ブロークングリッド背景blur*/
.broken-grid-blur {
    background-color:transparent; /* 半透明の背景 */
    backdrop-filter: blur(20px); /* 20pxのぼかし */
padding:30px;
border: 1px solid rgba(255, 255, 255, 0.4);
  border-right-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
 
/*TOPページリクルート部分の角丸くする*/
.recruitblock{
border-radius:10px;
}
 
/*More*ボタン*/
.is-style-more_btn a{
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
color: inherit;
}

-------------

何卒よろしくお願い致します。
]]> SWELLに関する質問 romiromiromi https://users.swell-theme.com/forum/swell-forum/%e3%83%95%e3%83%ab%e3%83%af%e3%82%a4%e3%83%89%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e8%83%8c%e6%99%af%e8%89%b2%e3%82%92%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ab/#post-12365