• コミュニティ

  アンケートを選択した際のボタンがずれる

  トピックス by widget初心者 1792 pt  2023年10月19日 19:29 151 PV

  【Widget】

  アンケート（複数選択・単一選択・yes/no・ボタンを押すと下部表示）※要javascript

  【相談内容】

  Q3・Q4について、スマホで回答する際に回答の文章が長いため改行されボタンの位置がズレてしまいます。文言を短くするしかないでしょうか。もしボタンを真ん中にくるように設定できる方法がありましたら、教えていただきたいです。

  アンケート-1.png 19 KB 画像ファイル — クリックして 見る

  • コピーダウンロードリンク

  

  widgetマスター   6 月, 3 数週間前 2 人 · 1 コメント

  • widget
  • アンケート
• 1 コメント

• 

  widgetマスター

  モデレータ

  2023年10月19日 19:48

  320行目らへんのCSSを修正してください！

  ※同じclassが2つありますので、間違わないようにお気をつけください。

  【変更前】

  .question-reveal-multi .linkbox:not(.yes-no) input[type='radio']:checked+label .btn::after {
      top: 14px;
      left: 12px;
      width: 20px;
      height: 20px;
  }

  【変更後】

  .question-reveal-multi .linkbox:not(.yes-no) input[type='radio']:checked+label .btn::after {
      top: calc(50% - 10px); /* 変更 */
      left: 12px;
      width: 20px;
      height: 20px;
  }

  アンケート-2.png 54 KB 画像ファイル — クリックして 見る

  • コピーダウンロードリンク

  

Log In to Reply