トップページのメインビジュアル部分に画...
 
通知
すべてクリア

トップページのメインビジュアル部分に画像を指定するにはどうしたらよいですか?


Xeoryユーザー
(@xeory_user)
Eminent Member
結合: 5年前
投稿: 42
Topic starter  

[よくある質問] トップページのメインビジュアル部分に画像を指定するにはどうしたらよいですか?


引用
Xeory開発チーム
(@xeory_developer)
Eminent Member
結合: 5年前
投稿: 39
 

「管理画面 > 外観 > テーマの編集 > style.css」
”body.home #main_visual” というクラスを調整していただく事で画像を表示させる事が可能です。

CSSファイルに下記の記述がございます。

body.home #main_visual {
background: #41BAA4;
background-image: -webkit-linear-gradient(bottom right, #41baa4, #42a994);
background-image: linear-gradient(to top left, #41baa4, #42a994);
color: #fff;
text-align: center;
}

上記ソースコードを下記のようにご変更ください。

 

body.home #main_visual {
background-image: url(); /*画像を設置される場合*/
background-size: contain;
color: #fff;
text-align: center;
}

画像サイズによっては細かい調整が必要になりますので、その際はCSSを調整ください。
※上記に関しましては、色等変更なくデフォルト時のみ有効な方法となります。


返信引用
Xeory開発チーム
(@xeory_developer)
Eminent Member
結合: 5年前
投稿: 39
 

XeoryExtension Ver0.2.3 以降をお使いの方

管理画面 > テーマ設定 > ファーストビューの設定 > 背景画像 から、
設定したい画像をアップロードしてください。


返信引用
共有: