• コミュニティ

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

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

  【Widget】

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

  【相談内容】

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

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

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

  

  widgetマスター   2 年, 11 月前 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