Forum Discussion

YusufPatel-9e1b's avatar
YusufPatel-9e1b
Community Member
6 months ago

Is there any way to blend background colours in Rise to flow onto the next block?

I am trying to create a course where the colours match throughout the whole course. I would like some parts such as headers to blend into the next block. So for instance from green to black (see example attached). Is this possible to do in Rise? Any suggestions on how else this can be done? Thanks

  • If you create your blend blocks (e.g. from green to yellow) for instance with Powerpoint or Illustrator, you can add this image as a backround for your e.g. headine etc. The next block would then continue with yellow!

    Is this what you were looking for?

  • Hi Yusuf, Im not sure if this is what you mean, but you can change the style of the heading tag via inspect the HTML and use a color gradient. 

    I used this code
    <h2 style="padding: 15px; text-align: center; background: linear-gradient(to bottom, #319277, black);"></h2>

    Then I used a black background for the text box below.

     

     

  • Hi Yusuf!

    Glad to see Iris and Wilfried have been helping you!

    I noticed you've also connected with my colleague Carlo, through a chat case. As Carlo shared:

    • It is not possible to blend backgrounds from block to block in Rise 360. You will need to create the background images and design them to blend using a third-party design tool and then upload them as an image in Rise 360. You can use the crop feature to get a portion of the image to upload only.

    I'm hopeful to see what other suggestions the community will offer!