• ご質問等させていただきます。

    contact form7にて当方がselectで設定した内容を、
    ユーザーが選ぶ画面で、枠の大きさや、BOXの幅が文字分しかなく、角が角ばっているので、
    BOX自体の大きさや、背景色、文字の色などを変えたい場合どのようにして変更すればいいでしょうか?

    普通の枠は以前どこかで見つけたものですが、

    .wpcf7 {
    	margin: 96px 0;
    }
    .asterisk {
    	margin: 0 0 0 0.2em;
    	color: #f5637a;
    }
    .wpcf7 span.wpcf7-not-valid-tip {
    	font-size: 80%;
    }
    .wpcf7 input[type="text"],
    .wpcf7 input[type="email"],
    .wpcf7 input[type="url"],
    .wpcf7 textarea {
    	background-color: #fff;
    	color: #333;
    	width: 95%;
    	border: 1px solid #ddd;
    	font-size: 100%;
    	padding: 0.5em;
    	border-radius: 4px;
    	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
    }

    をCSSに書き込むことで枠の形などが変わります。

    同じ様にselectで設定したトップダウン?プルダウン?の枠の形も
    変更したいです。

    おわかりの方がいらっしゃいましたらぜひご教授よろしくお願い申し上げます。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは。

    selectを設定する画面で
    ID 属性
    クラス属性
    という欄があるかと思います。

    こちらにお好きなID名、クラス名を付けて
    後はご提示いただいたcssのように変更していけば変わると思います。

    ※クラス名をつけて変わらない場合は継承などの影響が
    出ているかもしれませんので最初はIDで試したほうがいいかもしれません。

    どうしても変わらない場合はデベロッパーツールなどで絶対パス指定をするといいかもしれません。

    トピック投稿者 mizugamiyuki

    (@mizugamiyuki)

    hokutonojikei様

    ご回答いただきありがとうございます!
    ただ今出張中につき操作できませんが、また戻り次第試したいと思います!

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「contact form7の枠の形を変えたいです」には新たに返信することはできません。