Docs

[redsnapdragons]

hello

I want to make my section have a gradient background color instead of a solid color. How would I do this?

http://www.sandbox.helpsocial.com/

I want to make the “HelpSocial is the…” section’s blue background color a gradient that transitions to white.

[Friech]

Hi There,

Thanks for writing in! Please add this on your custom CSS on Customizer.

.gradient-bg {
background: #61a5e5; /* Old browsers */
background: -moz-linear-gradient(top, #61a5e5 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #61a5e5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #61a5e5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61a5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

Then add the class gradient-bg to your “HelpSocial” section.

Hope it helps, Cheers!

[Author]

Posts