サイト内検索
フッター背景を画像にかえたい | CSSカスタマイズ相談 | Cocoon フォーラム

Topic starter2019年1月25日 18:18
はじめまして。
フッターの背景を、ヘッダーのように画像にして、横幅いっぱいになるようにしたいのですが、、、、
その様な事が可能なのか、
できるなら、CSSをどのようにすればよいのか、
どうか教えていただけると嬉しいです!!
2019年1月25日 19:34
CSSで行えば可能かと思います。
できれば案内にもあるように、カスタマイズ対象ページのURLを提示していただければと思います。
Topic starter2019年1月26日 00:39
すみません。
まだ、対象URLですが、サイトをオープンしておらず、wpを導入して、cocoonのテンプレートと子プレートをいれただけの段階です。。。
2019年1月26日 01:11
現在の設定状態を見ればいいので、それでも大丈夫です。
2019年1月26日 11:30
#footer { background-image: url( https://wp-cocoon.com/wp-content/uploads/2018/02/cocoon-top.png ); background-size: cover; }
画像のURLはご自身のサイトのドメインのものをご指定いただき、オカシイ場所がないかご確認いただけますか。
わいひら 件のいいね!
Topic starter2019年1月26日 14:11
ありがとうございます。
実装してみましたところ、画像が下に下がっている感じになりました。
cocoonの設定で、フッターの背景色を指定した時と同じ高さになれば、嬉しいです。
2019年1月26日 14:56
大画面にすれば横幅は広がるけど、縦(高さ)がタブレットサイズより低くなるみたいいで(指定画像のほうが高さが高い)ので、どうしてもそうなると思います。
https://gyazo.com/5c32102bcaa54b733aebc7bf615a496b
上タブレット、↓PCビューサイズ
https://gyazo.com/a638b4612b635881704523026a43bf52
@media screen and (min-width: 1024px) { #footer { background-position: 0 15%; /* 位置調整:左上から0 上から15% */ } }
高さが欲しいときはheight: 100px;などと調整するのも良いかもです。
https://gyazo.com/10a956aa6580455c22dd1d3fdec11526
@media screen and (min-width: 1024px) { #footer { background-position: 0 15%; height: 100px; } }
どれが良いか色々試してみてください。
わいひら 件のいいね!
Topic starter2019年1月28日 01:45
ご丁寧にありがとうございました!!!!!!
助かりました!!!