Multiple color gradient in block background

Uwe Forster

• May 23, 2020 06:17
• Edited

I´m trying to set a three color gradient as background for a block with top/bottom dividers...

background-image: linear-gradient(to left, #2896b1, #2e9ab1, #359fb0, #3da3af, #46a7ae, #51abae, #5bafaf, #65b3af, #72b9b2, #7fbeb5, #8bc4b9, #97c9bd);

I guess it can be achieved with custom CSS, but I set up the class in the block and then paste that CSS in the custom css field but nothing happens :-/

I´m new on BC maybe I am making something wrong

0

• 

  Sandra Prunici

  • May 25, 2020 10:10

  Hi,

  At the moment, you can set a background gradient using Brizy editor. For this, you have to access the block options -> Colours -> Overlay and from here select the Gradient https://jumpshare.com/v/PteantXgDMKZQ4mQVF9E. After this, you have to select 2 colours that you want to use for the gradient. For something more advancing effects I suggest viewing this video https://www.youtube.com/watch?v=q3Pi_-ZNFV8

  Thanks!

   

  Best regards,

  Sandra

  0
• 

  Travis Howland

  • September 01, 2022 17:05

  I figured out a workaround to this:

  Lets say your wanting a 5 color gradient, instead make 4 boxes, all evenly divided across the page, then add a gradient color overlay to each one, the first box use your first two colors, the next box use your 2nd and 3rd color and so on. The finished result should be a nice multicolor gradient for you!

  0

Please sign in to leave a comment.