Home > JA_Purity(1.5.6の) | やりたいこと別 | テンプレート > JA_Purityテンプレートのサイトスローガン背景色を背景画像と同色にしたい2

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

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

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

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

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

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

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

 

Joomlaテンプレート管理選択画面

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

 

JoomlaテンプレートCSS編集

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

 

JoomlaテンプレートCSSエディタ

テンプレートCSSエディタ画面です。
template.css を選択して

「編集」

 

JoomlaJA_purityCSS編集

テンプレート編集画面です。
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をこのようにして、保存。すると・・・

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

Joomlaフロントエンドサイトタイトル色

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

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

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

Joomlaフロントエンドスローガン背景色

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

できたできた
わーい!スローガンテキストの背景色が透けて、背景画像と同色になったね。

Comments:2

yama 09-05-14 (木) 15:15

ご無沙汰しております.質問させていただいたyamaです.
記事にされたんですね(^-^)!その節は本当にありがとうございました!

アネ 09-05-14 (木) 21:41

yamaさんこんにちは!
多くの方に役立つと思ったので記事にさせていただきました。
ありがとうございます!

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://blog.joomladepon.com/archives/225/trackback
Listed below are links to weblogs that reference
JA_Purityテンプレートのサイトスローガン背景色を背景画像と同色にしたい2 from Joomlaでポン

Home > JA_Purity(1.5.6の) | やりたいこと別 | テンプレート > JA_Purityテンプレートのサイトスローガン背景色を背景画像と同色にしたい2

ブログランキング
にほんブログ村 IT技術ブログ オープンソースへ
最近の投稿
カテゴリー
最近のコメント

Return to page top