[us_text text=”Beautiful” css=”%7B%22default%22%3A%7B%22text-align%22%3A%22center%22%2C%22font-size%22%3A%22min%28%20150px%2C%2010vw%20%29%22%2C%22line-height%22%3A%221%22%2C%22font-family%22%3A%22h1%22%2C%22font-weight%22%3A%22700%22%2C%22text-transform%22%3A%22uppercase%22%2C%22background-color%22%3A%22linear-gradient%2890deg%2C%20%230ab6f8%200%25%2C%23520eb0%2033%25%2C%23ed4ee8%2067%25%2C%23ffa81c%20100%25%29%22%2C%22width%22%3A%22fit-content%22%2C%22margin-left%22%3A%22auto%22%2C%22margin-right%22%3A%22auto%22%7D%7D” background_inside_text=”1″][us_text text=”Gradients” css=”%7B%22default%22%3A%7B%22text-align%22%3A%22center%22%2C%22font-size%22%3A%22min%28%20150px%2C%2010vw%20%29%22%2C%22line-height%22%3A%221%22%2C%22font-family%22%3A%22h1%22%2C%22font-weight%22%3A%22700%22%2C%22text-transform%22%3A%22uppercase%22%7D%7D”]
Improved color pickers allows you can create beautiful, juicy gradients without using custom code!
Copy any section on this page and paste it into your Impreza site.
[us_iconbox title=”Multiple Colors” size=”6rem” color=”custom” icon_color=”linear-gradient(180deg, #faf0a0 15%,#d3b15f 25%,#b17b32 50%,#e1b453 75%,#a4692a 100%)” icon=”fal|palette”][/us_iconbox]
[us_iconbox title=”Custom Color Position” size=”6rem” color=”custom” icon_color=”linear-gradient(180deg, #faf0a0 15%,#d3b15f 25%,#b17b32 50%,#e1b453 75%,#a4692a 100%)” icon=”fal|arrows”][/us_iconbox]
[us_iconbox title=”Dynamic Colors” size=”6rem” color=”custom” icon_color=”linear-gradient(180deg, #faf0a0 15%,#d3b15f 25%,#b17b32 50%,#e1b453 75%,#a4692a 100%)” icon=”fal|dice-d12″][/us_iconbox]
[us_iconbox title=”Friendly Interface” size=”6rem” color=”custom” icon_color=”linear-gradient(180deg, #faf0a0 15%,#d3b15f 25%,#b17b32 50%,#e1b453 75%,#a4692a 100%)” icon=”fal|sliders-h-square”][/us_iconbox]
Gradient Example 1
Gradient Example 2
Gradient Example 3
Gradient Example 4
Gradient Example 5
Gradient Example 6
Gradient Example 7
Gradient Example 8
Gradient Example 9
Gradient Example 10
Gradient Example 11
Gradient Example 12
Gradient Example 13
Gradient Example 14
Gradient Example 15
Gradient Example 16
Gradient Example 17
Gradient Example 18
Gradient Example 19
Gradient Example 20