アフィリエイト広告を利用しています

Snow Monkey(WordPress)デフォルト設定での確認画面の見やすいCSSスタイルシート

こちらを追加すると、枠線が表示されて見やすくなる

/* 確認画面でのみinput要素を線で囲む */
[data-screen="confirm"] .smf-placeholder {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 4px;
  background-color: #f9f9f9;
  display: inline-block;
  width:100%;
}

説明の欄に必須を書いたところをいい感じにする

div#--description {
	color:#fff;
	background-color:#ee827c;
    margin-left: 10px;
    position: relative;
    top: -4px;
	font-size:9px;
	padding:2px 4px;
	border-radius:4px;
}

@media screen and (max-width: 480px) {
    .smf-item__col.smf-item__col--label {
       flex-wrap:warp;
	}
	div#--description{
		display:inline;
        min-width: 26px;
	}
}

送信ボタンをいい感じの位置にする

.smf-action {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

この記事を書いた人

大東 信仁

カンパチが好きです。

プロフィールはこちら

10月14日開催 参加者募集中
(画像をタップ→詳細へ)

ミッションナビゲート モニター
(画像をタップ→詳細へ)

広告