Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

moovlabs

Circle Member
  • Content Count

    394
  • Joined

  • Last visited

  • Days Won

    21

Posts posted by moovlabs


  1. Hi @Claire_auck 👋!

    You can set the height for all summary items to be the same with this CSS. Adjust to your liking.

    .sqs-block-summary-v2 .summary-item {
      height: 200px;
    }

    And to target just one page, add the code the page's advanced > header code injection. Add the code between <style>(paste code here)</style>.

    Here is an example of that.

    <style>.sqs-block-summary-v2 .summary-item {
      min-height: 200px;
      border-top: 5px solid black;
      background-color: #ffffff;
      border-radius: 10px 10px;
      }</style>

    Hope this helps! 👻


  2. Thanks, @paul2009! Not sure why it won't let you see it @DiViNCi, but I'll report here. 😄

    You can’t really change the Survey Options, but I was able to mess around with some css and found a great work around using the Radio option. I’ll outline the steps below.

    1. Add a radio field to the form.

    2015267860_ScreenShot2019-01-03at8_18_49AM.png.fa3984a4a21985b4ce45b000b199fe56.png.230f94f14b3cb5ab6bc3a725914b8cc5.png

    2. Add the info and what options you’d like to use.

    837212435_ScreenShot2019-01-03at8_18_55AM.png.314c2ebcf0b591e65f7d706f40f7e50a.png.1048f09d523d73554be128afcbc6fc8a.png

    3. Save the page and then add this code to the custom css editor box. This will place the radio buttons next to each other, just like the survey.

    .form-wrapper .field-list .field .option {width: 20%;float: left;text-align: left;margin-bottom: 30px;}

    4. The result:

    965427676_ScreenShot2019-01-03at8_18_16AM.png.6e1989de7756fb500b58d9d8bbcf5cd1.png.36daa77623ed1d6be70afb3100af290b.png

    I hope this helps! 😄

    Cody
    moovlabs.com | ghostplugins.com

×
×
  • Create New...