Forum Discussion

KrisShenenbe782's avatar
KrisShenenbe782
Community Member
8 days ago

Rise: Remove White Space Above Nav Button

Hi all. I have a Statement B block with a transition sentence at the end of the page, and then there is the Rise default Next navigation element. There is extra white space between the block and the button when I preview it:

Does anyone know how I can get rid of the white space? I tried the technique where you turn off the native nav buttons and created a Continue block, but the Continue button disappears when clicked and I don't want that behavior. 

 

Thanks,

Kris

rise 360

2 Replies

  • PhilFoss's avatar
    PhilFoss
    Community Member
    2 days ago

    Kris, the only way I've been able to do this is with CSS, it looks like below:

    section.blocks-lesson {
  padding-block-end: 0;
}

    That would apply to the entire course, all lessons.

    If you only want this on a single lesson, you need to get the lesson id and it would look like below. Your lesson id will be a long string of letters/numbers.

    div[data-lesson-id="F27LI_LJSed2d7gGcFnrbjYrWUZxGeZY"] section.blocks-lesson {
  padding-block-end: 0;
}

     

  • EricSantos's avatar
    EricSantos
    Staff
    2 days ago

    Hello KrisShenenbe782,

    Thanks for sharing the screenshot, that’s really helpful! I can see what you mean about the extra white space above the navigation button at the bottom of your Rise lesson.

    At the moment, there isn’t a built-in way to adjust that spacing while keeping the default navigation behavior. I’ve shared your feedback with our product team as a feature request for more precise control over block and navigation spacing in Rise 360.

    We’ll let you know if we have any updates to share in the future.