ワードプレス教室 ホームページ作成レッスン記録 CSSの修正

WordPressスクールでのホームページ作成中の初心者レッスンでに変更したCSS.

CSSの変更には、Simple Custom CSSプラグインを利用。

ワードプレス・テーマ Xeory Extension使用

/* カスタム CSS をここに入力してください */
body.home .front-loop .popular_post_box.sekoujirei h3 {
color: white;
}
body.home {
color:#fff;
}
body.home #front-company {
background-color:#333;
color:#fff;
}
body.home .front-main-cont .front-cont-header {
color:#fff;
}
body.home #front-service {
background-color:#333;
}
body.home .front-main-cont .front-cont-header {
color:#fff;
}
body.home #front-contents .c_box.c_box_right {
background-color: #333;
}
body.home #front-contents .c_box.c_box_left {
background-color: #333;
}
body.home .front-loop {
background-color:transparent;
}
body.home #content {
background-color: #333;
}
body.home #main_visual h2 {
text-shadow:1px 1px 2px black;
}
body.home #main_visual p {
text-shadow:1px 1px 1px black;
}
#header {
background: #333;
}
body.home #main_visual {
background: #333;
}
body.home #main_visual .wrap {
background-image: url(http://xxxxxx.net/wp/wp-content/uploads/2017/05/IMG_0418-e1498812455595.jpg);
background-repeat: no-repeat;
background-position: center;
height:800px!important;
background-size:contain;
}

body.home #main_visual {
height:800px!important;
}

@media screen and (max-width: 767px) {
body.home #main_visual .wrap {
height:auto!important;
}
body.home #main_visual {
height:auto!important;
}
}

About the author: WordPressスクール横浜