JA_Purityテンプレートのサイトスローガン背景色を背景画像と同色にしたい２

テンプレートJA_Purityの「スローガン」の背景色を
背景画像と一緒にします。
（デフォルトの場合、「スローガン」の背景色が指定され、
背景画像と若干異なる色が表示されています。）

スローガン背景色の指定をやめ、背景画像の上にスローガンテキストが表示されて見えるようにします。

前回の記事＞＞JA_Purityテンプレートのサイトスローガン背景色を背景画像と  同色にしたい１

今回の作業はテンプレートJA_PurityのCSSを編集します。
CSSの編集はテンプレート管理画面から行えます。

エクステンション―テンプレート管理

編集したいテンプレートJA_Purityを選択
「編集」アイコンをクリック

テンプレート編集画面です。
画面右上のCSS編集アイコンをクリック。

テンプレートＣＳＳエディタ画面です。
template.css を選択して
「編集」

テンプレート編集画面です。
p.site-slogan　の　background
で設定します。

p.site-slogan {
    margin: 0;
    padding: 0;
    padding: 2px 5px;
    color: #FFFFFF;
    /* background: #444444; */
    font-size: 92%;
    position: absolute;
    bottom: 20px;
    left: 0;

 CSSをこのようにして、保存。すると・・・

フロントエンドはこうなります。

サイトスローガンの背景色は表示されなくなります。

背景色一色だけが表示されます。

この設定をする前はこうでした。

背景は真っ黒だけど、よく見ると
スローガン部分の背景のみ、やや明るい色でした。