■第5日目解説「追加CSS」用
body {
font-size: 15px ;
}
.sectionBox.copySection p:nth-child(2) {
display: none;
}
p {
line-height: unset;
}
@media screen and (min-width: 996px) {
#headerTop {
height: 50px;
}
.headerTop li a, .headerTop li span {
font-size: x-large;
font-weight: bold;
padding: 10px;
}
.col-md-offset-1 {
margin-left: 0;
}
.col-md-8.mainSection {
width: 75%;
}
}
.headerTop li a, .headerTop li span::after {content: " 営業時間:平日00:00〜00:00(担当○○)";
font-size: 14px;
padding: 5px;
font-weight: 100;
text-align: center;
}
@media screen and (max-width: 995px) {
.headerTop li a, .headerTop li span::after {
display:block;
}
}
h2, .mainSection-title {
padding: 4px 20px;
border-top: 4px solid ;
font-weight:600;
}
h1.entry-title{
font-weight:600;
}
■第5日目解説「コンタクトフォーム」用
必須お名前
[text* your-name akismet:author watermark"例:山田 太郎"]
必須メールアドレス
[email* your-email akismet:author_email watermark"例:×××@×××.com"]
必須郵便番号
[text* zip id:zip watermark"例:123-4567"]
必須都道府県
[text* pref id:pref watermark"例:東京都"]
必須お電話番号
[text* text-17 watermark"例:012-34-5678"]
必須ご相談項目
[radio radio-256 use_label_element "サービス名1" "サービス名2" "サービス名3"]
必須具体的なご相談内容
[submit class:btn class:btn-success class:btn-lg "送信する"]
第5日目解説「追加CSS」用
.required-contactform7{
padding: 5px;
background: #DE8686;
color: #fff;
border-radius: 3px;
margin-right: 8px;
}
@media screen and (min-width: 900px){
.table-contactform7 th{
width:30%;
}
}
@media screen and (max-width: 900px){
.table-contactform7{
display:block;
}
.table-contactform7 tbody,
.table-contactform7 tr{
display: block;
width: 100%;
}
.table-contactform7 th{
width:100%;
display:block;
margin: 0 auto;
border:none;
}
.table-contactform7 td{
display: list-item;
list-style-type:none;
margin:0;
padding:0;
width: 100%;
border-top: none !important;
}
}