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.
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. :-)
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.
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.
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. :-)
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.
8 Replies
Hi Humana Academy!
Happy to help with this!
To fill the white space around your block content with the color of your choosing:
Reducing the space between blocks can be accomplished by adjusting the Block Padding.
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.
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.
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?
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. :-)
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.
Thank you Phil!
Helps a lot!
Bg,
Nadine