Forum Discussion

MathildaRogs871's avatar
MathildaRogs871
Community Member
5 months ago

White space below content

Hi,
How can i change the white space below the main content?
1. Would like to change the color so it match the content color.
or
2. Change the size of the space to zero.

Can someone help me with this?

  • PhilFoss's avatar
    PhilFoss
    Community Member

    I ran into this issue when creating a dark mode theme. There is an element called .blocks-lesson that wraps around the lesson blocks and has a white background (always) it has a bottom padding of 95px (on large devices) you'll need to override this with custom css, or in my case I left that 95px padding in place and my dark background style is inherited to avoid that 'blank' space of 95px.

    • MathildaRogs871's avatar
      MathildaRogs871
      Community Member

      Thank you Phil, that helps. Last question, do you change that in the scorm-file? 
      I have different colors on every lesson and need to change the color on 20 lessons. :-)

      • PhilFoss's avatar
        PhilFoss
        Community Member

        Yes this will require adding a line of css to your course, what I recommend is making a new folder called 'theme' and then adding your css in this folder.

  • Hi Humana Academy!

    Happy to help with this!

    To fill the white space around your block content with the color of your choosing:

    1. Hover over the block and click the Style icon in the left-hand toolbar.
    2. Select a background color from the available options.

    Reducing the space between blocks can be accomplished by adjusting the Block Padding.

    1. Hover over the block and click the Format icon in the left-hand toolbar.
    2. Adjust the slider completely to the left to remove all space.

    Please let me know if you need anything else!

  • Thank you Steven,
    but this is not the problem to change the space to zero like that. I would still have the white "ugly" space between the rosa-content color and the navigation button. So i think thats not possible?
    So the second solution is to change the white color to the same color as the conten-color.
    See the new screenshot, i hope it explains better what i want. :-)


  • Hi Humana Academy,

    Thank you for the screenshots!

    Were you able to achieve the look you were hoping for? If not, please let me know; I'll gladly help.

    • MathildaRogs871's avatar
      MathildaRogs871
      Community Member

      Hi Kelly, i think Phil Foss, below have the solution but i would change the white background around the lesson blocks with some backgroundcolor, the same as in the content.

      Do you know if that is possible?