ページビルダーをつかった固定ページの変更

Question

https://obot-ai.com/newcampaign/

こちらのページをページビルダーを使って製作しています。
ただ不具合が何点かありますので質問させてください。

①全体的に左寄せになっています。
真ん中揃いの画像は画面いっぱいにしたいのですが、どうすればいいでしょうか。

②2カラムが機能しない。2番目にある画像を2カラムにセットしたのですが、うまくフロートしません。
なぜでしょうか。

③スマホで対応するにはどうすればいいですか。

お手数ですがご教示お願い致します。

Accepted Answer

ECマスターズの田中です。

> このページのようなお問合せデザインはどのように組めばいいでしょうか？

Contact Form 7で出力された各要素には、
スタイルシートを適用させやすいように
各種クラスが設定されておりますので、
それらを対象としたスタイルシートをご記載いただければ結構ですが、

ホームページビルダーを利用しないと難しい場合は、
実際に表示させたページからフォーム部分のソースをコピーし、
ホームページビルダーに貼り付けてデザインを行った後、
スタイルシートのみを固定ページに貼り付ける、
という方法での対応をお試しいただけますでしょうか。

フォーム部分のソースは

から
  
までの部分となっておりますので、作業時にご参考ください。

他にも、Contact Form 7用に、
コピペで適用できるスタイルシートを
公開しているページがございます。
http://design-plus1.com/tcd-w/2015/09/contactform7.html
上記ページの他にも様々なスタイルシートが公開されておりますので、
そのようなスタイルシートをご利用いただくこともご検討ください。

Answer

ECマスターズの塚本です。

いただいたご質問ですが、こちら内容を確認中でして、
担当より改めてご回答させていただきます。

お時間いただいておりますが、
今しばらくお待ちくださいませ。

Answer

ECマスターズの田中です。

いただいたページは、
Wordpressの固定ページとして作られているページである、
ということでよろしいでしょうか。

末尾に「新規キャンペーン」と書かれた行から
２つの画像までの部分を
ホームページビルダーで作成されているかと思うのですが、

この部分に様々なクラスが定義されているものの、
それらのクラスを対象としたスタイルシート定義がみあたりません。

ホームページビルダーから固定ページを作成される際、
スタイルシートの規則を貼り付けられていないのではないでしょうか。

まずは、ホームページビルダーから
スタイルシート用のコードを見つけて、
固定ページ内に貼り付けていただき、
ご希望どおりの見た目になるか、ご確認いただきますようお願いします。

スタイルシート用のコードが見つからない場合は、
私でもホームページビルダーのマニュアルを確認させていただきますので、
ご利用中のホームページビルダーのバージョンをお知らせください。

Answer

PHPを使ってここまで作りました。


https://obot-ai.com/campaign/

ページの最後のコンタクトフォームのプラグインをPHPで入力しましたが
デザインを変えたいです。

https://www.seo-next.jp/lp/?utm_source=google&utm_medium=cpc&adgr=09&gclid=EAIaIQobChMIyvjP_bCn2wIVmDUrCh1ZfwBJEAAYAyAAEgJ91fD_BwE

このページのようなお問合せデザインはどのように組めばいいでしょうか？
（真ん中寄せ・送信ボタンのデザインを変える・横縦の大きさを変える）